cnhis-design-vue 3.1.5-beta.11 → 3.1.5-beta.14

package/es/packages/select-label/src/components/label-classify.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,123 @@
+import { defineComponent, ref, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createElementVNode, renderList, createBlock, normalizeStyle, normalizeClass, withCtx, createVNode, toDisplayString, withDirectives, withModifiers, vShow, createTextVNode } from 'vue';
+import { NTag, NTooltip, NIcon, NButton, NInput } from 'naive-ui';
+import { Close, Add } from '@vicons/ionicons5';
+
+const _hoisted_1 = { class: "edit-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "label-disable-wrap"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-title" }, "\u65E0\u53EF\u9009\u6807\u7B7E", -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-desc" }, "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u8FDB\u884C\u6807\u7B7E\u7BA1\u7406\u8BBE\u7F6E", -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = { class: "label-content" };
+const _hoisted_7 = /* @__PURE__ */ createTextVNode(" \u6807\u7B7E ");
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    classifyItem: { type: null, required: false, default: () => ({}) },
+    handleLabelChange: { type: Function, required: false, default: () => {
+    } },
+    handleLabelColor: { type: Function, required: false, default: () => {
+    } },
+    handleDelLabel: { type: Function, required: false, default: () => {
+    } },
+    handleAddLabel: { type: Function, required: false, default: () => {
+    } },
+    hanldeBlur: { type: Function, required: false, default: () => {
+    } },
+    clearaddVal: { type: Function, required: false, default: () => {
+    } },
+    isEdit: { type: Boolean, required: false, default: false },
+    sourceType: { type: String, required: false }
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    let itemList = ref(((_a = props.classifyItem) == null ? void 0 : _a.itemList) || []);
+    const onHandleLabelChange = (value, item, classifyItem) => {
+      item.isSelect = value;
+      props.handleLabelChange(value, item, classifyItem);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" disable "),
+        !unref(itemList) ? (openBlock(), createElementBlock("div", _hoisted_2, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode("  "),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemList), (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                checkable: "",
+                checked: item.isSelect,
+                "onUpdate:checked": (value) => onHandleLabelChange(value, item, __props.classifyItem),
+                key: item.labelId,
+                style: normalizeStyle(__props.handleLabelColor(item)),
+                class: normalizeClass({ "sys-label-tag": item.isPublic && item.isPublic == 1 })
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NTooltip), { placement: "top-start" }, {
+                    trigger: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NIcon), {
+                    key: 0,
+                    class: "label-close",
+                    component: unref(Close),
+                    onClick: withModifiers(($event) => __props.handleDelLabel(item, __props.classifyItem), ["stop"])
+                  }, null, 8, ["component", "onClick"])), [
+                    [vShow, !(item.isPublic && item.isPublic == 1)]
+                  ]) : createCommentVNode("v-if", true)
+                ]),
+                _: 2
+              }, 1032, ["checked", "onUpdate:checked", "style", "class"]);
+            }), 128)),
+            __props.classifyItem.allowCreateByPersonal == 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NButton), {
+                key: 0,
+                dashed: "",
+                class: "label-add",
+                onClick: _cache[0] || (_cache[0] = ($event) => __props.handleAddLabel($event, __props.classifyItem))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NIcon), { component: unref(Add) }, null, 8, ["component"]),
+                  _hoisted_7
+                ]),
+                _: 1
+              }, 512)), [
+                [vShow, !__props.classifyItem.showAdd]
+              ]) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u662F\u5426\u5141\u8BB8\u65B0\u589E\u4E2A\u4EBA\u6807\u7B7E allowCreateByPersonal "),
+              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NInput), {
+                key: 1,
+                class: "label-add add-input",
+                value: __props.classifyItem.addVal,
+                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.classifyItem.addVal = $event),
+                valueModifiers: { trim: true },
+                onBlur: _cache[3] || (_cache[3] = ($event) => __props.hanldeBlur($event, __props.classifyItem))
+              }, {
+                suffix: withCtx(() => [
+                  createVNode(unref(NIcon), {
+                    component: unref(Close),
+                    onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.clearaddVal($event, __props.classifyItem), ["stop"]))
+                  }, null, 8, ["component"])
+                ]),
+                _: 1
+              }, 8, ["value"])), [
+                [vShow, __props.classifyItem.showAdd]
+              ]) : createCommentVNode("v-if", true)
+            ], 64)) : createCommentVNode("v-if", true)
+          ])
+        ], 2112))
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/select-label/src/components/label-classify2.js

@@ -0,0 +1,4 @@
+import script from './label-classify.vue_vue_type_script_setup_true_lang.js';
+export { default } from './label-classify.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/select-label/src/components/label-classify.vue";

package/es/packages/select-person/index.js

@@ -0,0 +1 @@
+export { default } from './index2.js';

package/es/packages/select-person/index2.js

@@ -0,0 +1,11 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/SelectPerson2.js';
+import script from './src/SelectPerson.vue_vue_type_script_setup_true_lang.js';
+
+const SelectPerson = script;
+SelectPerson.install = function(app) {
+  safeComponentRegister(app, SelectPerson, COMPONENT_NAMESPACE + "SelectPerson");
+};
+
+export { SelectPerson as default };

package/es/packages/select-person/src/SearchTree.js

@@ -0,0 +1,2 @@
+import './SearchTree2.js';
+export { default } from './SearchTree.vue_vue_type_script_setup_true_lang.js';

package/es/packages/select-person/src/SearchTree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,232 @@
+import { defineComponent, reactive, computed, watch, withDirectives, openBlock, createElementBlock, createVNode, unref, mergeProps, createElementVNode, createCommentVNode, createBlock, vShow, createTextVNode } from 'vue';
+import { NTree, NSpin, NIcon, NTooltip } from 'naive-ui';
+import { Search } from '@vicons/ionicons5';
+
+const _hoisted_1 = {
+  class: "search-tree-wrap"
+};
+const _hoisted_2 = {
+  style: {
+    "text-align": "center"
+  }
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "load-more-btn-wrap"
+};
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    searchNoMore: {
+      type: Boolean,
+      default: false
+    },
+    loadMorenLoadinng: {
+      type: Boolean,
+      default: false
+    },
+    formatTreeData: {
+      type: Array,
+      default: () => []
+    },
+    searchValue: {
+      type: String
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      required: true
+    },
+    allCheckedKeys: {
+      type: Object
+    },
+    dataListKeys: {
+      type: Object
+    }
+  },
+  emits: ["addCheckedkeysMain", "removeCheckedkeysMain", "addCheckedkeysOther", "removeCheckedkeysOther", "searchOnloadMore"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const state = reactive({
+      expandedKeys: [],
+      autoExpandParent: true,
+      checkedKeys: [],
+      defaultCheckedKeys: {
+        main: [],
+        other: []
+      }
+    });
+    const dataLen = computed(() => {
+      var _a;
+      return ((_a = props.formatTreeData) == null ? void 0 : _a.length) || 0;
+    });
+    const resetData = () => {
+      state.checkedKeys = [];
+      state.expandedKeys = [];
+      state.autoExpandParent = true;
+      state.defaultCheckedKeys.main = [];
+      state.defaultCheckedKeys.other = [];
+    };
+    const emitCheckedkeys = () => {
+      emitCheckedkeysMain();
+      emitCheckedkeysOther();
+      setDefaultCheckedKeys();
+    };
+    const emitCheckedkeysMain = () => {
+      let searchCheckedKeysMain = state.checkedKeys.filter((key) => {
+        return props.dataListKeys.main.includes(key);
+      });
+      let defaultCheckedKeysMain = state.defaultCheckedKeys.main;
+      let {
+        add,
+        remove
+      } = calcChangeKeys(defaultCheckedKeysMain, searchCheckedKeysMain);
+      emit("addCheckedkeysMain", add);
+      emit("removeCheckedkeysMain", remove);
+    };
+    const emitCheckedkeysOther = () => {
+      let searchCheckedKeysOther = state.checkedKeys.filter((key) => {
+        return props.dataListKeys.other.includes(key);
+      });
+      let defaultCheckedKeysOther = state.defaultCheckedKeys.other;
+      let {
+        add,
+        remove
+      } = calcChangeKeys(defaultCheckedKeysOther, searchCheckedKeysOther);
+      emit("addCheckedkeysOther", add);
+      emit("removeCheckedkeysOther", remove);
+    };
+    const calcChangeKeys = (defaultCheckedKeys, currentCheckedKeys) => {
+      let add = [];
+      let remove = [];
+      currentCheckedKeys.forEach((key) => {
+        if (!defaultCheckedKeys.includes(key)) {
+          add.push(key);
+        }
+      });
+      defaultCheckedKeys.forEach((key) => {
+        if (!currentCheckedKeys.includes(key)) {
+          remove.push(key);
+        }
+      });
+      return {
+        add,
+        remove
+      };
+    };
+    const emptyCheckedKeys = () => {
+      state.checkedKeys = [];
+      emitCheckedkeys();
+    };
+    const setDefaultCheckedKeys = () => {
+      setDefaultCheckedKeysMain();
+      setDefaultCheckedKeysOther();
+      setCurrentCheckedKeys();
+    };
+    const setDefaultCheckedKeysMain = () => {
+      state.defaultCheckedKeys.main = props.dataListKeys.main.filter((key) => {
+        return props.allCheckedKeys.main.includes(key);
+      });
+    };
+    const setDefaultCheckedKeysOther = () => {
+      state.defaultCheckedKeys.other = props.dataListKeys.other.filter((key) => {
+        return props.allCheckedKeys.other.includes(key);
+      });
+    };
+    const setCurrentCheckedKeys = () => {
+      let {
+        main,
+        other
+      } = state.defaultCheckedKeys;
+      let res = [.../* @__PURE__ */ new Set([...main, ...other])];
+      state.checkedKeys = res;
+    };
+    const onCheck = (checkedKeys) => {
+      state.checkedKeys = checkedKeys;
+      emitCheckedkeys();
+    };
+    const onExpand = (expandedKeys) => {
+      state.expandedKeys = expandedKeys;
+      state.autoExpandParent = false;
+    };
+    const searchOnloadMore = () => {
+      emit("searchOnloadMore");
+    };
+    const renderLabel = ({
+      option
+    }) => {
+      return createVNode("div", {
+        "class": "search-tree-item"
+      }, [createVNode("div", {
+        "class": "info-wrap"
+      }, [createVNode(NTooltip, {
+        "trigger": "hover"
+      }, {
+        default: () => `${option.title} ${option.sub_title || ""}`,
+        trigger: () => createVNode("p", {
+          "class": "info-wrap-top",
+          "style": "margin: 0"
+        }, [createVNode("span", {
+          "class": "info-wrap-title"
+        }, [createVNode("span", {
+          "class": "c-title"
+        }, [option.title]), createTextVNode("\u2009"), createVNode("span", {
+          "class": "c-sub-title"
+        }, [option.sub_title])])])
+      })])]);
+    };
+    watch(() => props.defaultExpandedKeys, (val) => {
+      state.expandedKeys = val;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.visible, (val) => {
+      if (!val) {
+        resetData();
+        return;
+      }
+      setDefaultCheckedKeys();
+    });
+    watch(() => dataLen, (val) => {
+      if (val.value > 0) {
+        setDefaultCheckedKeys();
+      }
+    });
+    expose({
+      setDefaultCheckedKeys,
+      checkedKeys: state.checkedKeys,
+      emptyCheckedKeys
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NTree), mergeProps(_ctx.$attrs, {
+        ref: "searchTree",
+        "onUpdate:expandedKeys": onExpand,
+        "onUpdate:checkedKeys": onCheck,
+        checkable: "",
+        cascade: "",
+        "check-strategy": "all",
+        selectable: false,
+        "checked-keys": unref(state).checkedKeys,
+        "expanded-keys": unref(state).expandedKeys,
+        data: __props.formatTreeData,
+        "render-label": renderLabel
+      }), null, 16, ["checked-keys", "expanded-keys", "data"]), withDirectives(createElementVNode("div", _hoisted_2, [createCommentVNode(" loadMorenLoadinng "), __props.loadMorenLoadinng ? (openBlock(), createBlock(unref(NSpin), {
+        key: 0
+      })) : (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NIcon), {
+        component: unref(Search),
+        class: "search-input-icon"
+      }, null, 8, ["component"]), createElementVNode("div", {
+        class: "load-more-btn",
+        onClick: searchOnloadMore
+      }, "\u52A0\u8F7D\u66F4\u591A")]))], 512), [[vShow, !__props.searchNoMore]])], 512)), [[vShow, __props.visible]]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/select-person/src/SearchTree2.js

@@ -0,0 +1,4 @@
+import script from './SearchTree.vue_vue_type_script_setup_true_lang.js';
+export { default } from './SearchTree.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/select-person/src/SearchTree.vue";

package/es/packages/select-person/src/SelectPerson.js

@@ -0,0 +1,2 @@
+import './SelectPerson2.js';
+export { default } from './SelectPerson.vue_vue_type_script_setup_true_lang.js';