cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.15

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

@@ -1,195 +1 @@
-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 };
+import{defineComponent as e,useAttrs as l,ref as a,computed as t,onMounted as s,resolveComponent as i,openBlock as n,createElementBlock as o,createVNode as u,unref as c,createCommentVNode as d,Fragment as v,renderList as r,normalizeClass as p,createElementVNode as m,toDisplayString as f,createBlock as h,withDirectives as b,withCtx as y,createTextVNode as g,vShow as k}from"vue";import{useMessage as _,NInput as x,NButton as C}from"naive-ui";import{CloseOutline as L}from"@vicons/ionicons5";import w from"../../../../_virtual/plugin-vue_export-helper.js";const I={class:"search-class-name-block"},B={key:0,class:"item-name"},E=m("span",{class:"label"},"筛选分类名称：",-1),N={key:1,class:"parent-names"},U=m("span",{class:"label"},"父类名称：",-1),j=["onDblclick","onClick"],A={key:0,class:"s-content"};var D=w(e({__name:"search-class-name",props:{showItemName:{type:Boolean,default:!0},tableId:{type:String,default:""},actionList_prop:{type:Object,default:()=>({})}},setup(e){const w=e,D=l(),S=_(),T=a(!1),z=a(""),M=a(""),O=a([]),q=t((()=>O.value.some((e=>e.isAdd))));function F(e){var l;const a=null==(l=null==e?void 0:e.target)?void 0:l.nextElementSibling;setTimeout((()=>{a&&a.focus()})),T.value=!0}function G(){T.value=!1,M.value&&(O.value.forEach((e=>e.selected=!1)),O.value.push({disabled:!0,value:M.value,selected:!0,isAdd:!0}),M.value="")}function H(e,l){!function(e,l){let{conditionList:a}=D;if(!a||!a.length)return void O.value.splice(e,1);let t=a.filter((e=>e.displayCategory===l.value));if(!t||!t.length)return void O.value.splice(e,1);S.error("该分类下有已有数据，请删除该分类下的筛选集后重试！")}(e,l)}return s((()=>{w.showItemName&&function(){let e=[];D.displayCategoryList.forEach((l=>{"未分类"!==l&&e.push({disabled:!0,selected:l===w.actionList_prop.displayCategory,value:l})})),O.value=e}(),z.value=w.actionList_prop.name})),(l,a)=>{const t=i("n-icon");return n(),o("div",I,[e.showItemName?(n(),o("div",B,[E,u(c(x),{value:z.value,"onUpdate:value":a[0]||(a[0]=e=>z.value=e),placeholder:"请输入分类名称",style:{width:"250px"},maxLength:10},null,8,["value"])])):d("v-if",!0),e.showItemName?(n(),o("div",N,[U,(n(!0),o(v,null,r(O.value,((e,l)=>(n(),o("div",{class:p(["edit-tag",{"edit-tag-select":e.selected&&e.disabled}]),key:l,onDblclick:l=>function(e,l){l.disabled=!1,setTimeout((()=>{e.target.focus()}),0)}(l,e),onClick:a=>function(e,l){e.disabled&&(O.value.forEach(((e,a)=>{a!==l&&(e.selected=!1)})),e.selected=!e.selected)}(e,l)},[e.disabled?(n(),o("div",A,[m("span",null,f(e.value),1)])):(n(),h(c(x),{key:1,style:{width:"100px"},value:e.value,"onUpdate:value":l=>e.value=l,disabled:e.disabled,onBlur:()=>e.disabled=!0,maxLength:10},null,8,["value","onUpdate:value","disabled","onBlur"])),u(t,{component:c(L),class:"anticon-close",size:"20",onClick:a=>H(l,e)},null,8,["component","onClick"])],42,j)))),128)),c(q)?d("v-if",!0):(n(),o(v,{key:0},[b(u(c(C),{icon:"plus",dashed:"",onClick:F},{default:y((()=>[g("添加父类")])),_:1},512),[[k,!T.value]]),b(u(c(x),{class:"edit-tag",value:M.value,"onUpdate:value":a[1]||(a[1]=e=>M.value=e),valueModifiers:{trim:!0},style:{width:"100px"},onBlur:G,maxLength:10},null,8,["value"]),[[k,T.value]])],64))])):d("v-if",!0)])}}}),[["__file","search-class-name.vue"]]);export{D as default};