优化页面

unpackage/dist/dev/mp-weixin/TUIKit/tui-customer-service-plugin/components/message-robot-welcome.js

@@ -0,0 +1,86 @@
+"use strict";
+const TUIKit_tuiCustomerServicePlugin_adapterVue = require("../adapter-vue.js");
+const common_assets = require("../../../common/assets.js");
+const common_vendor = require("../../../common/vendor.js");
+const Icon = () => "./customer-icon.js";
+const { reactive, toRefs } = TUIKit_tuiCustomerServicePlugin_adapterVue.vue;
+const _sfc_main = {
+  components: {
+    Icon
+  },
+  props: {
+    payload: {
+      type: Object,
+      default: () => ({ content: { title: "", items: [] } })
+    }
+  },
+  emits: ["sendMessage"],
+  setup(props, { emit }) {
+    var _a, _b, _c, _d, _e, _f;
+    const data = reactive({
+      // title
+      title: ((_b = (_a = props.payload) == null ? void 0 : _a.content) == null ? void 0 : _b.title) || "",
+      // all branch list
+      list: ((_d = (_c = props.payload) == null ? void 0 : _c.content) == null ? void 0 : _d.items) || [],
+      // current branch list
+      showList: (((_f = (_e = props.payload) == null ? void 0 : _e.content) == null ? void 0 : _f.items) || []).slice(0, 5),
+      // current page number
+      pageNumber: 1
+    });
+    const handleContentListItemClick = (branch) => {
+      emit("sendMessage", { text: branch.content });
+    };
+    const changeBranchList = () => {
+      var _a2, _b2;
+      if (data.pageNumber * 5 >= ((_a2 = data.list) == null ? void 0 : _a2.length)) {
+        data.pageNumber = 0;
+      }
+      data.showList = (_b2 = data.list) == null ? void 0 : _b2.slice(
+        data.pageNumber * 5,
+        data.pageNumber * 5 + 5
+      );
+      data.pageNumber += 1;
+    };
+    return {
+      ...toRefs(data),
+      handleContentListItemClick,
+      imRobotGuess: common_assets.imRobotGuess,
+      refresh: common_assets.refresh,
+      iconRight: common_assets.iconRight,
+      changeBranchList
+    };
+  }
+};
+if (!Array) {
+  const _component_Icon = common_vendor.resolveComponent("Icon");
+  _component_Icon();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: common_vendor.p({
+      src: $setup.imRobotGuess
+    }),
+    b: _ctx.title
+  }, _ctx.title ? {
+    c: common_vendor.t(_ctx.title)
+  } : {}, {
+    d: common_vendor.p({
+      src: $setup.refresh
+    }),
+    e: common_vendor.o$1(($event) => $setup.changeBranchList()),
+    f: common_vendor.f(_ctx.showList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.content),
+        b: "4cb3a3d1-2-" + i0,
+        c: index,
+        d: common_vendor.o$1(($event) => $setup.handleContentListItemClick(item), index)
+      };
+    }),
+    g: common_vendor.p({
+      src: $setup.iconRight
+    })
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/TUIKit/tui-customer-service-plugin/components/message-robot-welcome.js.map