cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/scale-view/src/utils/judge-types.js

@@ -1 +1,67 @@
-const e=e=>["RADIO_BLOCK","CHECKBOX_BLOCK"].includes(e),t=e=>{const{type:t,targetSource:d,setting:r}=e;return!!["CHECKBOX_BLOCK","EVALUATE_CHECKBOX_BLOCK"].includes(t)||"SELECT"===t&&(!(null==d?void 0:d.target_id)&&(null==r?void 0:r.isMultiple))},d=e=>["TITLE","LINEBAR","PROMPT","IMGCARD","RICH_TEXT"].includes(e),r=e=>["EVALUATE_RADIO_BLOCK","EVALUATE_CHECKBOX_BLOCK","EVALUATE_SELECT","EVALUATE_INPUT"].includes(e),o=()=>{var e,t;const d={};let r=(null==(e=window.location.search.split("?"))?void 0:e[1])||(null==(t=window.location.hash.split("?"))?void 0:t[1]);if(!r)return{};"string"==typeof r&&(r=r.replace(/"/g,'"').replace(/%25/g,"%").replace(/%23/g,"#").replace(/%26/g,"&").replace(/%3D/g,"=").replace(/%3F/g,"?").replace(/%2F/g,"/").replace(/\+/g,"%20"));for(const[e,t]of new URLSearchParams(r).entries())d[e]=decodeURIComponent(t);return d},a=(e,t,d)=>{let r={};return r="layout"==t.source?d:o()||{},r&&r[e]||!1},i={datetime:"yyyy-MM-dd HH:mm:ss",datehour:"yyyy-MM-dd HH:mm",date:"yyyy-MM-dd",time:"HH:mm:ss",hour:"HH:mm"},l={datetime:/^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/,datehour:/^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/,date:/^(\d{4})-(\d{2})-(\d{2})$/,time:/^(\d{2}):(\d{2}):(\d{2})$/,hour:/^(\d{2}):(\d{2})$/},u=new Map([["datetime",["datetime","datehour","date","time","hour"]],["datehour",["datetime","datehour","date","time","hour"]],["date",["date"]],["time",["time","hour"]],["hour",["time","hour"]]]);export{i as formatMap,a as getQueryVariable,o as handleQueryParams,d as isCollection,r as isEvaluation,e as isOnlyOptions,t as isSortItem,u as transDbvalueFormat,l as valueReg};
+const isOnlyOptions = (e) => {
+  const list = ["RADIO_BLOCK", "CHECKBOX_BLOCK"];
+  return list.includes(e);
+};
+const isSortItem = (item) => {
+  const {
+    type,
+    targetSource,
+    setting
+  } = item;
+  const list = ["CHECKBOX_BLOCK", "EVALUATE_CHECKBOX_BLOCK"];
+  if (list.includes(type))
+    return true;
+  if (type !== "SELECT")
+    return false;
+  return !(targetSource == null ? void 0 : targetSource.target_id) && (setting == null ? void 0 : setting.isMultiple);
+};
+const isCollection = (e) => {
+  const list = ["TITLE", "LINEBAR", "PROMPT", "IMGCARD", "RICH_TEXT"];
+  return list.includes(e);
+};
+const isEvaluation = (e) => {
+  const list = ["EVALUATE_RADIO_BLOCK", "EVALUATE_CHECKBOX_BLOCK", "EVALUATE_SELECT", "EVALUATE_INPUT"];
+  return list.includes(e);
+};
+const handleQueryParams = () => {
+  var _a, _b;
+  const params = {};
+  let hash = ((_a = window.location.search.split("?")) == null ? void 0 : _a[1]) || ((_b = window.location.hash.split("?")) == null ? void 0 : _b[1]);
+  if (!hash)
+    return {};
+  if (typeof hash === "string") {
+    hash = hash.replace(/"/g, '"').replace(/%25/g, "%").replace(/%23/g, "#").replace(/%26/g, "&").replace(/%3D/g, "=").replace(/%3F/g, "?").replace(/%2F/g, "/").replace(/\+/g, "%20");
+  }
+  for (const [key, value] of new URLSearchParams(hash).entries()) {
+    params[key] = decodeURIComponent(value);
+  }
+  return params;
+};
+const getQueryVariable = (variable, state, params) => {
+  let query = {};
+  if (state.source == "layout") {
+    query = params;
+  } else {
+    query = handleQueryParams() || {};
+  }
+  if (!query)
+    return false;
+  return query[variable] || false;
+};
+const formatMap = {
+  "datetime": "yyyy-MM-dd HH:mm:ss",
+  "datehour": "yyyy-MM-dd HH:mm",
+  "date": "yyyy-MM-dd",
+  "time": "HH:mm:ss",
+  "hour": "HH:mm"
+};
+const valueReg = {
+  "datetime": /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/,
+  "datehour": /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/,
+  "date": /^(\d{4})-(\d{2})-(\d{2})$/,
+  "time": /^(\d{2}):(\d{2}):(\d{2})$/,
+  "hour": /^(\d{2}):(\d{2})$/
+};
+const transDbvalueFormat = /* @__PURE__ */ new Map([["datetime", ["datetime", "datehour", "date", "time", "hour"]], ["datehour", ["datetime", "datehour", "date", "time", "hour"]], ["date", ["date"]], ["time", ["time", "hour"]], ["hour", ["time", "hour"]]]);
+
+export { formatMap, getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions, isSortItem, transDbvalueFormat, valueReg };

package/es/components/search-cascader/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as a}from"../../shared/utils/index.js";import s from"./src/SearchCascader.vue.js";const e=s;e.install=function(s){a(s,e,r+"SearchCascader")};export{e as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/SearchCascader.vue.js';
+
+const SearchCascader = script;
+SearchCascader.install = function(app) {
+  safeComponentRegister(app, SearchCascader, COMPONENT_NAMESPACE + "SearchCascader");
+};
+
+export { SearchCascader as default };

package/es/components/search-cascader/src/SearchCascader.vue.js

@@ -1 +1,6 @@
-import e from"./SearchCascader.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var a=r(e,[["__file","SearchCascader.vue"]]);export{a as default};
+import _sfc_main from './SearchCascader.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SearchCascader.vue"]]);
+
+export { script as default };

package/es/components/search-cascader/src/SearchCascader.vue2.js

@@ -1 +1,309 @@
-import{defineComponent as e,computed as a,provide as l,ref as t,nextTick as o,watch as r,openBlock as u,createBlock as n,unref as s,mergeProps as i,isRef as d,withCtx as c,createElementVNode as v,createVNode as p,createCommentVNode as f,normalizeStyle as h,renderSlot as y}from"vue";import{useTheme as m}from"../../../shared/hooks/useTheme.js";import{useEventBus as b,useVModel as g,onClickOutside as w,useDebounceFn as k}from"@vueuse/core";import"date-fns";import{isArray as S,isString as C,isObject as j,isFunction as K}from"lodash-es";import{isPromise as P,NOOP as _}from"@vue/shared";import{uuidGenerator as N}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NPopover as x,NInput as L}from"naive-ui";import"../../../shared/hooks/useScrollLoading.js";import A from"./components/ClearIcon.vue.js";import{InjectionSearchCascaderCheckAbleLevel as B,InjectionKeyboardEventBus as U,InjectionSearchCascaderLoadingNode as W,InjectionSearchCascaderValue as F}from"./constants/index.js";import{SearchMenu as I}from"./components/SearchMenu.js";var T;const V={style:{width:"100%"}},E=["id"];var O=e({__name:"SearchCascader",props:{value:{type:[String,Array]},show:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},childKey:{type:String,default:"children"},placeholder:{type:String,default:(null==(T=window.getLanguageByCode)?void 0:T.call(window,"10010.1.147"))||"请选择"},editPlaceholder:{type:String,default:"请输入关键字进行搜索"},options:{type:Array,default:()=>[]},search:{type:Function},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},checkAbleLevel:{type:[Number,String],default:"last"},beforeSetValue:{type:Function},menuWidth:{type:[Number,String],default:150},disabled:Boolean,inputProps:{type:Object},popperProps:{type:Object}},emits:["update:value","focus","update:show"],setup(e,{expose:T,emit:O}){const R=e,$=m();const H=a((()=>!R.disabled&&R.clearable&&(S(R.value)?R.value.length:!!R.value)));function M(){!function(e){if(!K(R.beforeSetValue))return O("update:value",e);const a=R.beforeSetValue(e);P(a)?a.then((e=>O("update:value",e)),_):O("update:value",a)}([])}function q(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&ae()}const z=e=>{var a;"INPUT"!==(null==(a=e.target)?void 0:a.tagName)||"Enter"!==e.code||Q.value?G.emit(e.key,e):ae()},D=a((()=>({"--menu-width":R.menuWidth}))),G=b("cascaderKeydown"),J=N(),Q=g(R,"show",O);l(B,a((()=>R.checkAbleLevel))),l(U,G);const X=t(""),Y=a((()=>C(R.value)&&R.value?R.value:S(R.value)&&R.value.length?R.value.map((e=>j(e)?e[R.labelKey]:e)).join(" / "):R.editPlaceholder)),Z=a({get:()=>Q.value?X.value:C(R.value)?R.value:S(R.value)?R.value.reduce(((e,a,l)=>0===l?a[R.labelKey]:e+" / "+a[R.labelKey]),""):"",set(e){X.value=e,se(void 0,e)}});function ee(e){O("focus",e)}function ae(){Q.value||R.disabled||(Q.value=!0,X.value="",se())}async function le(){var e;Q.value=!1,null==(e=te.value)||e.blur()}const te=t();w(te,(e=>{var a;if(!Q.value)return;const l=e;if(!l.target)return le();!function(e){let a=!1,l=e;for(;l;){if(l.id===J){a=!0;break}l=l.parentElement}return a}(l.target)?le():null==(a=te.value)||a.focus()}));const oe=t(),re=t(),ue=t(),ne=t(null);l(W,ne),l(F,a((()=>R.value)));const se=k((async(e,a)=>{var l;const{type:t,node:r,dbClick:u}=e||{};try{if("update"===t)return void(K(R.search)&&R.search({...r,isLeaf:!0}));ne.value=r;const e=await(K(R.search)&&R.search(r,a,u));re.value=j(e)||S(e)?e:r}finally{ne.value=null,await o(),null==(l=oe.value)||l.syncPosition()}}),400),ie=e=>{ue.value=e};return r((()=>R.show),(e=>{e&&(ue.value={})})),T({getWidth(){var e;if(!te.value)return 0;const a=null==(e=te.value)?void 0:e.$el;return a?a.clientWidth:void 0},setCursor(e){ue.value=e}}),(a,l)=>(u(),n(s(x),i({class:"search-cascader",trigger:"manual",show:s(Q),"onUpdate:show":l[1]||(l[1]=e=>d(Q)?Q.value=e:null),"show-arrow":!1,placement:"bottom-start",style:s(D),disabled:e.disabled,width:e.options.length?void 0:"trigger",ref_key:"popoverRef",ref:oe},e.popperProps),{trigger:c((()=>[v("div",V,[p(s(L),i({disabled:e.disabled,class:{"search-cascader__input":!e.disabled},placeholder:s(Q)?s(Y):e.placeholder,clearable:!1,value:s(Z),"onUpdate:value":l[0]||(l[0]=e=>d(Z)?Z.value=e:null),readonly:!s(Q),ref_key:"inputRef",ref:te,onFocus:ee,onClick:q,onKeydown:z},e.inputProps),{suffix:c((()=>[s(H)?(u(),n(A,{key:0,onClick:M})):f("v-if",!0)])),_:1},16,["disabled","class","placeholder","value","readonly"])])])),default:c((()=>[v("section",{id:s(J)},[p(s(I),{style:h(s($)),"label-key":e.labelKey,"value-key":e.valueKey,options:e.options,onNodeClick:s(se),onChangeCursor:ie,"current-node":re.value,"cursor-node":ue.value},{empty:c((()=>[y(a.$slots,"empty")])),_:3},8,["style","label-key","value-key","options","onNodeClick","current-node","cursor-node"])],8,E)])),_:3},16,["show","style","disabled","width"]))}});export{O as default};
+import { defineComponent, computed, provide, ref, nextTick, watch, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, renderSlot } from 'vue';
+import { useTheme } from '../../../shared/hooks/useTheme.js';
+import { useEventBus, useVModel, onClickOutside, useDebounceFn } from '@vueuse/core';
+import 'date-fns';
+import { isArray, isString, isObject, isFunction } from 'lodash-es';
+import { isPromise, NOOP } from '@vue/shared';
+import { uuidGenerator } from '../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import { NPopover, NInput } from 'naive-ui';
+import '../../../shared/hooks/useScrollLoading.js';
+import ClearIcon from './components/ClearIcon.vue.js';
+import { InjectionSearchCascaderCheckAbleLevel, InjectionKeyboardEventBus, InjectionSearchCascaderLoadingNode, InjectionSearchCascaderValue } from './constants/index.js';
+import { SearchMenu } from './components/SearchMenu.js';
+
+var _a;
+const _hoisted_1 = {
+  style: {
+    "width": "100%"
+  }
+};
+const _hoisted_2 = ["id"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchCascader",
+  props: {
+    value: {
+      type: [String, Array]
+    },
+    show: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    childKey: {
+      type: String,
+      default: "children"
+    },
+    placeholder: {
+      type: String,
+      default: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.147")) || "\u8BF7\u9009\u62E9"
+    },
+    editPlaceholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u641C\u7D22"
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    search: {
+      type: Function
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    checkAbleLevel: {
+      type: [Number, String],
+      default: "last"
+    },
+    beforeSetValue: {
+      type: Function
+    },
+    menuWidth: {
+      type: [Number, String],
+      default: 150
+    },
+    disabled: Boolean,
+    inputProps: {
+      type: Object
+    },
+    popperProps: {
+      type: Object
+    }
+  },
+  emits: ["update:value", "focus", "update:show"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const cssVars = useTheme();
+    function emitValue(value) {
+      if (!isFunction(props.beforeSetValue))
+        return emit("update:value", value);
+      const result = props.beforeSetValue(value);
+      if (isPromise(result)) {
+        result.then((res) => emit("update:value", res), NOOP);
+      } else {
+        emit("update:value", result);
+      }
+    }
+    const clearableRef = computed(() => {
+      return !props.disabled && props.clearable && (isArray(props.value) ? props.value.length : !!props.value);
+    });
+    function onClear() {
+      emitValue([]);
+    }
+    function onClick(evt) {
+      var _a2;
+      if (((_a2 = evt.target) == null ? void 0 : _a2.tagName) !== "INPUT")
+        return;
+      openMenu();
+    }
+    const onKeydown = (evt) => {
+      var _a2;
+      if (((_a2 = evt.target) == null ? void 0 : _a2.tagName) === "INPUT" && evt.code === "Enter") {
+        if (!show.value) {
+          openMenu();
+          return;
+        }
+      }
+      eventBus.emit(evt.key, evt);
+    };
+    const cssVariable = computed(() => ({
+      "--menu-width": props.menuWidth
+    }));
+    const eventBus = useEventBus("cascaderKeydown");
+    const uuid = uuidGenerator();
+    const show = useVModel(props, "show", emit);
+    provide(InjectionSearchCascaderCheckAbleLevel, computed(() => props.checkAbleLevel));
+    provide(InjectionKeyboardEventBus, eventBus);
+    const patternContent = ref("");
+    const editPlaceholderRef = computed(() => {
+      return isString(props.value) && props.value ? props.value : isArray(props.value) && props.value.length ? props.value.map((item) => {
+        return isObject(item) ? item[props.labelKey] : item;
+      }).join(" / ") : props.editPlaceholder;
+    });
+    const displayValue = computed({
+      get() {
+        if (show.value)
+          return patternContent.value;
+        if (isString(props.value))
+          return props.value;
+        if (isArray(props.value))
+          return arrayOptionsToString(props.value);
+        return "";
+        function arrayOptionsToString(optionList) {
+          return optionList.reduce((res, item, idx) => {
+            if (idx === 0)
+              return item[props.labelKey];
+            return res + " / " + item[props.labelKey];
+          }, "");
+        }
+      },
+      set(value) {
+        patternContent.value = value;
+        search(void 0, value);
+      }
+    });
+    function onFocus(focusEvt) {
+      emit("focus", focusEvt);
+    }
+    function openMenu() {
+      if (show.value || props.disabled)
+        return;
+      show.value = true;
+      patternContent.value = "";
+      search();
+    }
+    async function closeMenu() {
+      var _a2;
+      show.value = false;
+      (_a2 = inputRef.value) == null ? void 0 : _a2.blur();
+    }
+    const inputRef = ref();
+    onClickOutside(inputRef, (evt) => {
+      var _a2;
+      if (!show.value)
+        return;
+      const _evt = evt;
+      if (!_evt.target)
+        return closeMenu();
+      if (isInPopper(_evt.target)) {
+        (_a2 = inputRef.value) == null ? void 0 : _a2.focus();
+        return;
+      }
+      closeMenu();
+      function isInPopper(targetEle) {
+        let result = false;
+        let current = targetEle;
+        while (current) {
+          if (current.id === uuid) {
+            result = true;
+            break;
+          }
+          current = current.parentElement;
+        }
+        return result;
+      }
+    });
+    const popoverRef = ref();
+    const currentNode = ref();
+    const cursorNode = ref();
+    const loadingNode = ref(null);
+    provide(InjectionSearchCascaderLoadingNode, loadingNode);
+    provide(InjectionSearchCascaderValue, computed(() => props.value));
+    const search = useDebounceFn(async (payload, keyword) => {
+      var _a2;
+      const {
+        type,
+        node,
+        dbClick
+      } = payload || {};
+      try {
+        if (type === "update") {
+          isFunction(props.search) && props.search({
+            ...node,
+            isLeaf: true
+          });
+          return;
+        }
+        loadingNode.value = node;
+        const result = await (isFunction(props.search) && props.search(node, keyword, dbClick));
+        currentNode.value = isObject(result) || isArray(result) ? result : node;
+      } finally {
+        loadingNode.value = null;
+        await nextTick();
+        (_a2 = popoverRef.value) == null ? void 0 : _a2.syncPosition();
+      }
+    }, 400);
+    const changeCursorNode = (node) => {
+      cursorNode.value = node;
+    };
+    watch(() => props.show, (bool) => {
+      if (bool) {
+        cursorNode.value = {};
+      }
+    });
+    expose({
+      getWidth() {
+        var _a2;
+        if (!inputRef.value)
+          return 0;
+        const ele = (_a2 = inputRef.value) == null ? void 0 : _a2.$el;
+        if (!ele)
+          return;
+        return ele.clientWidth;
+      },
+      setCursor(option) {
+        cursorNode.value = option;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), mergeProps({
+        class: "search-cascader",
+        trigger: "manual",
+        show: unref(show),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(show) ? show.value = $event : null),
+        "show-arrow": false,
+        placement: "bottom-start",
+        style: unref(cssVariable),
+        disabled: __props.disabled,
+        width: __props.options.length ? void 0 : "trigger",
+        ref_key: "popoverRef",
+        ref: popoverRef
+      }, __props.popperProps), {
+        trigger: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(NInput), mergeProps({
+          disabled: __props.disabled,
+          class: {
+            "search-cascader__input": !__props.disabled
+          },
+          placeholder: unref(show) ? unref(editPlaceholderRef) : __props.placeholder,
+          clearable: false,
+          value: unref(displayValue),
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(displayValue) ? displayValue.value = $event : null),
+          readonly: !unref(show),
+          ref_key: "inputRef",
+          ref: inputRef,
+          onFocus,
+          onClick,
+          onKeydown
+        }, __props.inputProps), {
+          suffix: withCtx(() => [unref(clearableRef) ? (openBlock(), createBlock(ClearIcon, {
+            key: 0,
+            onClick: onClear
+          })) : createCommentVNode("v-if", true)]),
+          _: 1
+        }, 16, ["disabled", "class", "placeholder", "value", "readonly"])])]),
+        default: withCtx(() => [createElementVNode("section", {
+          id: unref(uuid)
+        }, [createVNode(unref(SearchMenu), {
+          style: normalizeStyle(unref(cssVars)),
+          "label-key": __props.labelKey,
+          "value-key": __props.valueKey,
+          options: __props.options,
+          onNodeClick: unref(search),
+          onChangeCursor: changeCursorNode,
+          "current-node": currentNode.value,
+          "cursor-node": cursorNode.value
+        }, {
+          empty: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+          _: 3
+        }, 8, ["style", "label-key", "value-key", "options", "onNodeClick", "current-node", "cursor-node"])], 8, _hoisted_2)]),
+        _: 3
+      }, 16, ["show", "style", "disabled", "width"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/search-cascader/src/components/ClearIcon.vue.js

@@ -1 +1,32 @@
-import{openBlock as r,createElementBlock as e,createElementVNode as o}from"vue";import L from"../../../../_virtual/_plugin-vue_export-helper.js";const l={},n={viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{width:"15px",color:"var(--n-clear-color)",cursor:"pointer"}},t=[o("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[o("g",{fill:"currentColor","fill-rule":"nonzero"},[o("path",{d:"M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10.1035534 L5.89644661,10.1035534 L5.9656945,10.1614088 C6.16056264,10.2964049 6.42998704,10.2771197 6.60355339,10.1035534 L6.60355339,10.1035534 L8,8.707 L9.39644661,10.1035534 L9.4656945,10.1614088 C9.66056264,10.2964049 9.92998704,10.2771197 10.1035534,10.1035534 L10.1035534,10.1035534 L10.1614088,10.0343055 C10.2964049,9.83943736 10.2771197,9.57001296 10.1035534,9.39644661 L10.1035534,9.39644661 L8.707,8 L10.1035534,6.60355339 L10.1614088,6.5343055 C10.2964049,6.33943736 10.2771197,6.07001296 10.1035534,5.89644661 L10.1035534,5.89644661 L10.0343055,5.83859116 C9.83943736,5.70359511 9.57001296,5.72288026 9.39644661,5.89644661 L9.39644661,5.89644661 L8,7.293 L6.60355339,5.89644661 Z"})])],-1)];var i=L(l,[["render",function(o,L){return r(),e("svg",n,t)}],["__file","ClearIcon.vue"]]);export{i as default};
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+const _hoisted_1 = {
+  viewBox: "0 0 16 16",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  style: {
+    "width": "15px",
+    "color": "var(--n-clear-color)",
+    "cursor": "pointer"
+  }
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("g", {
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd"
+}, [/* @__PURE__ */ createElementVNode("g", {
+  fill: "currentColor",
+  "fill-rule": "nonzero"
+}, [/* @__PURE__ */ createElementVNode("path", {
+  d: "M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10.1035534 L5.89644661,10.1035534 L5.9656945,10.1614088 C6.16056264,10.2964049 6.42998704,10.2771197 6.60355339,10.1035534 L6.60355339,10.1035534 L8,8.707 L9.39644661,10.1035534 L9.4656945,10.1614088 C9.66056264,10.2964049 9.92998704,10.2771197 10.1035534,10.1035534 L10.1035534,10.1035534 L10.1614088,10.0343055 C10.2964049,9.83943736 10.2771197,9.57001296 10.1035534,9.39644661 L10.1035534,9.39644661 L8.707,8 L10.1035534,6.60355339 L10.1614088,6.5343055 C10.2964049,6.33943736 10.2771197,6.07001296 10.1035534,5.89644661 L10.1035534,5.89644661 L10.0343055,5.83859116 C9.83943736,5.70359511 9.57001296,5.72288026 9.39644661,5.89644661 L9.39644661,5.89644661 L8,7.293 L6.60355339,5.89644661 Z"
+})])], -1);
+const _hoisted_3 = [_hoisted_2];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var ClearIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "ClearIcon.vue"]]);
+
+export { ClearIcon as default };