cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.11

package/es/components/table-filter/src/classification/search-class-name.vue.d.ts

@@ -0,0 +1,71 @@
+import { IParentNamesType } from '../../../../../es/components/table-filter/src/types';
+declare const _default: import("vue").DefineComponent<{
+    showItemName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableId: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionList_prop: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    attrs: any;
+    $message: import("naive-ui").MessageApi;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        showItemName: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tableId: {
+            type: StringConstructor;
+            default: string;
+        };
+        actionList_prop: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    }>> & {}>>;
+    showAdd: import("vue").Ref<boolean>;
+    className: import("vue").Ref<string>;
+    addVal: import("vue").Ref<string>;
+    parentNames: import("vue").Ref<{
+        disabled: boolean;
+        isAdd?: boolean | undefined;
+        selected: boolean;
+        value: string;
+    }[]>;
+    parentNamesHasAdd: import("vue").ComputedRef<boolean>;
+    init: () => void;
+    getParentNames: () => void;
+    handleParentNamesAdd: (e: Event) => void;
+    hanldeBlur: () => void;
+    editParentName: (e: Event, item: IParentNamesType) => void;
+    handleParentNameSelect: (item: IParentNamesType, index: number) => void;
+    handleParentNamesRemove: (index: number, item: IParentNamesType) => void;
+    handleParent: (index: number, item: IParentNamesType) => void;
+    NButton: any;
+    NInput: any;
+    CloseOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showItemName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableId: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionList_prop: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    tableId: string;
+    actionList_prop: Record<string, any>;
+    showItemName: boolean;
+}>;
+export default _default;

package/es/components/table-filter/src/classification/search-class-name.vue.js

@@ -0,0 +1,195 @@
+import { defineComponent, useAttrs, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, unref, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, withDirectives, withCtx, createTextVNode, vShow } from 'vue';
+import { useMessage, NInput, NButton } from 'naive-ui';
+import { CloseOutline } from '@vicons/ionicons5';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "search-class-name-block" };
+const _hoisted_2 = {
+  key: 0,
+  class: "item-name"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "\u7B5B\u9009\u5206\u7C7B\u540D\u79F0\uFF1A", -1);
+const _hoisted_4 = {
+  key: 1,
+  class: "parent-names"
+};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "\u7236\u7C7B\u540D\u79F0\uFF1A", -1);
+const _hoisted_6 = ["onDblclick", "onClick"];
+const _hoisted_7 = {
+  key: 0,
+  class: "s-content"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "search-class-name",
+  props: {
+    showItemName: {
+      type: Boolean,
+      default: true
+    },
+    tableId: {
+      type: String,
+      default: ""
+    },
+    actionList_prop: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const $message = useMessage();
+    const showAdd = ref(false);
+    const className = ref("");
+    const addVal = ref("");
+    const parentNames = ref([]);
+    const parentNamesHasAdd = computed(() => {
+      return parentNames.value.some((v) => v.isAdd);
+    });
+    onMounted(() => {
+      init();
+    });
+    function init() {
+      props.showItemName && getParentNames();
+      className.value = props.actionList_prop.name;
+    }
+    function getParentNames() {
+      let parentNamesClo = [];
+      attrs.displayCategoryList.forEach((item) => {
+        if (item !== "\u672A\u5206\u7C7B") {
+          parentNamesClo.push({
+            disabled: true,
+            selected: item === props.actionList_prop.displayCategory,
+            value: item
+          });
+        }
+      });
+      parentNames.value = parentNamesClo;
+    }
+    function handleParentNamesAdd(e) {
+      var _a;
+      const nextInput = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.nextElementSibling;
+      setTimeout(() => {
+        nextInput && nextInput.focus();
+      });
+      showAdd.value = true;
+    }
+    function hanldeBlur() {
+      showAdd.value = false;
+      if (!addVal.value)
+        return;
+      parentNames.value.forEach((v) => v.selected = false);
+      parentNames.value.push({
+        disabled: true,
+        value: addVal.value,
+        selected: true,
+        isAdd: true
+      });
+      addVal.value = "";
+    }
+    function editParentName(e, item) {
+      item.disabled = false;
+      setTimeout(() => {
+        e.target.focus();
+      }, 0);
+    }
+    function handleParentNameSelect(item, index) {
+      if (!item.disabled)
+        return;
+      parentNames.value.forEach((pItem, pIndex) => {
+        if (pIndex !== index) {
+          pItem.selected = false;
+        }
+      });
+      item.selected = !item.selected;
+    }
+    function handleParentNamesRemove(index, item) {
+      handleParent(index, item);
+    }
+    function handleParent(index, item) {
+      let { conditionList } = attrs;
+      if (!conditionList || !conditionList.length) {
+        parentNames.value.splice(index, 1);
+        return;
+      }
+      let hasItem = conditionList.filter((v) => v.displayCategory === item.value);
+      if (!hasItem || !hasItem.length) {
+        parentNames.value.splice(index, 1);
+        return;
+      }
+      $message.error("\u8BE5\u5206\u7C7B\u4E0B\u6709\u5DF2\u6709\u6570\u636E\uFF0C\u8BF7\u5220\u9664\u8BE5\u5206\u7C7B\u4E0B\u7684\u7B5B\u9009\u96C6\u540E\u91CD\u8BD5\uFF01");
+    }
+    return (_ctx, _cache) => {
+      const _component_n_icon = resolveComponent("n-icon");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showItemName ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          _hoisted_3,
+          createVNode(unref(NInput), {
+            value: className.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => className.value = $event),
+            placeholder: "\u8BF7\u8F93\u5165\u5206\u7C7B\u540D\u79F0",
+            style: { "width": "250px" },
+            maxLength: 10
+          }, null, 8, ["value"])
+        ])) : createCommentVNode("v-if", true),
+        __props.showItemName ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          _hoisted_5,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(parentNames.value, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["edit-tag", { "edit-tag-select": item.selected && item.disabled }]),
+              key: index,
+              onDblclick: (e) => editParentName(e, item),
+              onClick: ($event) => handleParentNameSelect(item, index)
+            }, [
+              item.disabled ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createElementVNode("span", null, toDisplayString(item.value), 1)
+              ])) : (openBlock(), createBlock(unref(NInput), {
+                key: 1,
+                style: { "width": "100px" },
+                value: item.value,
+                "onUpdate:value": ($event) => item.value = $event,
+                disabled: item.disabled,
+                onBlur: () => item.disabled = true,
+                maxLength: 10
+              }, null, 8, ["value", "onUpdate:value", "disabled", "onBlur"])),
+              createVNode(_component_n_icon, {
+                component: unref(CloseOutline),
+                class: "anticon-close",
+                size: "20",
+                onClick: ($event) => handleParentNamesRemove(index, item)
+              }, null, 8, ["component", "onClick"])
+            ], 42, _hoisted_6);
+          }), 128)),
+          !unref(parentNamesHasAdd) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            withDirectives(createVNode(unref(NButton), {
+              icon: "plus",
+              dashed: "",
+              onClick: handleParentNamesAdd
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u6DFB\u52A0\u7236\u7C7B")
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, !showAdd.value]
+            ]),
+            withDirectives(createVNode(unref(NInput), {
+              class: "edit-tag",
+              value: addVal.value,
+              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => addVal.value = $event),
+              valueModifiers: { trim: true },
+              style: { "width": "100px" },
+              onBlur: hanldeBlur,
+              maxLength: 10
+            }, null, 8, ["value"]), [
+              [vShow, showAdd.value]
+            ])
+          ], 64)) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var searchClassName = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "search-class-name.vue"]]);
+
+export { searchClassName as default };