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

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式1 (按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式2 (全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式1 (按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式2 (全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

package/es/_virtual/plugin-vue_export-helper.js

@@ -1,9 +1 @@
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-export { _export_sfc as default };
+var t=(t,o)=>{const r=t.__vccOpts||t;for(const[t,c]of o)r[t]=c;return r};export{t as default};

package/es/components/annotation-edit/index.js

@@ -1,10 +1 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/AnnotationEdit.js';
-
-const Annotation = script;
-Annotation.install = function(app) {
-  safeComponentRegister(app, Annotation, COMPONENT_NAMESPACE + "Annotation");
-};
-
-export { Annotation as default };
+import{COMPONENT_NAMESPACE as o}from"../../shared/global/variable.js";import{safeComponentRegister as t}from"../../shared/utils/index.js";import i from"./src/AnnotationEdit.js";const n=i;n.install=function(i){t(i,n,o+"Annotation")};export{n as default};

package/es/components/annotation-edit/src/AnnotationEdit.js

@@ -1,164 +1 @@
-import { defineComponent, computed, ref, onDeactivated, createVNode, unref, createTextVNode } from 'vue';
-import { FileTrayFull, FileTray } from '@vicons/ionicons5';
-import { isString, isObject } from 'lodash-es';
-import { NPopover, NDivider, NEllipsis, NIcon, NInput } from 'naive-ui';
-
-var script = defineComponent({
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(props, {
-    emit
-  }) {
-    const modelValueText = computed({
-      get() {
-        if (isString(props.modelValue))
-          return props.modelValue;
-        if (isObject(props.modelValue))
-          return props.modelValue.content || "";
-        return "";
-      },
-      set(value) {
-        let content = value;
-        if (isObject(props.modelValue)) {
-          content = {
-            ...props.modelValue,
-            content: value
-          };
-        }
-        emit("update:modelValue", content);
-      }
-    });
-    const __showPopper = ref(false);
-    const showPopper = computed({
-      get() {
-        return __showPopper.value;
-      },
-      async set(value) {
-        __showPopper.value = value;
-        if (!value && isEdit.value) {
-          await new Promise((resolve) => setTimeout(resolve, 200));
-          isEdit.value = false;
-        }
-      }
-    });
-    const isEdit = ref(false);
-    let clickTimer, mouseTimer;
-    function iconClick(evt) {
-      evt.stopPropagation();
-      clearTimeout(clickTimer);
-      if (showPopper.value && isEdit.value) {
-        showPopper.value = false;
-        return;
-      }
-      if (unref(modelValueText))
-        return;
-      clickTimer = setTimeout(() => {
-        isEdit.value = showPopper.value = true;
-      }, 200);
-    }
-    function iconDbClick(evt) {
-      evt.stopPropagation();
-      clearTimeout(clickTimer);
-      if (!unref(modelValueText))
-        return;
-      showPopper.value = true;
-      isEdit.value = true;
-    }
-    function iconMouseenter(evt) {
-      evt.stopPropagation();
-      clearTimeout(mouseTimer);
-      if (!unref(modelValueText))
-        return;
-      showPopper.value = true;
-    }
-    function iconMouseleave(evt) {
-      evt.stopPropagation();
-      clearTimeout(mouseTimer);
-      if (!unref(modelValueText) || isEdit.value)
-        return;
-      mouseTimer = setTimeout(() => {
-        showPopper.value = false;
-      }, 300);
-    }
-    function renderAnnotation() {
-      return createVNode("section", {
-        "class": ["annotation-edit", {
-          "is-active": !!unref(modelValueText)
-        }],
-        "style": {
-          "--icon-right": "-5"
-        },
-        "annotation-hover-show": !unref(modelValueText) && !isEdit.value
-      }, [createVNode(NPopover, {
-        "keep-alive-on-hover": true,
-        "style": {
-          maxWidth: "360px",
-          wordBreak: "break-all"
-        },
-        "show": showPopper.value,
-        "onUpdate:show": ($event) => showPopper.value = $event,
-        "trigger": "manual",
-        "duration": 100
-      }, {
-        default: renderDefault,
-        trigger: renderTrigger
-      })]);
-      function renderText() {
-        return createVNode("span", null, [unref(modelValueText)]);
-      }
-      function renderTextarea() {
-        return createVNode(NInput, {
-          "resizable": false,
-          "autosize": {
-            minRows: 3,
-            maxRows: 5
-          },
-          "show-count": true,
-          "class": "annotation-edit__textarea",
-          "type": "textarea",
-          "value": modelValueText.value,
-          "onUpdate:value": ($event) => modelValueText.value = $event
-        }, null);
-      }
-      function renderDefault() {
-        return createVNode("section", {
-          "onMouseleave": iconMouseleave,
-          "onMouseenter": iconMouseenter
-        }, [createVNode("div", null, [isEdit.value ? renderTextarea() : renderText()]), isObject(props.modelValue) ? [createVNode(NDivider, {
-          "style": {
-            margin: "4px 0",
-            minWidth: "360px"
-          }
-        }, null), createVNode("section", {
-          "class": "annotation-edit__footer"
-        }, [createVNode(NEllipsis, null, {
-          default: () => [createTextVNode("\u8D28\u63A7\u4EBA: "), props.modelValue.author]
-        }), createVNode(NEllipsis, null, {
-          default: () => [createTextVNode("\u8D28\u63A7\u65F6\u95F4: "), props.modelValue.date]
-        })])] : null]);
-      }
-      function renderTrigger() {
-        return createVNode("div", {
-          "class": "annotation-edit__icon",
-          "onMouseleave": iconMouseleave,
-          "onMouseenter": iconMouseenter,
-          "onDblclick": iconDbClick,
-          "onClick": iconClick
-        }, [createVNode(NIcon, {
-          "component": unref(modelValueText) ? FileTrayFull : FileTray
-        }, null)]);
-      }
-    }
-    onDeactivated(() => {
-      showPopper.value = false;
-    });
-    return renderAnnotation;
-  }
-});
-
-export { script as default };
+import{defineComponent as e,computed as o,ref as t,onDeactivated as a,createVNode as l,unref as n,createTextVNode as u}from"vue";import{FileTrayFull as i,FileTray as r}from"@vicons/ionicons5";import{isString as s,isObject as m}from"lodash-es";import{NPopover as v,NDivider as c,NEllipsis as d,NIcon as p,NInput as f}from"naive-ui";var g=e({props:{modelValue:{type:[String,Object],default:""}},emits:["update:modelValue"],setup(e,{emit:g}){const V=o({get:()=>s(e.modelValue)?e.modelValue:m(e.modelValue)&&e.modelValue.content||"",set(o){let t=o;m(e.modelValue)&&(t={...e.modelValue,content:o}),g("update:modelValue",t)}}),h=t(!1),w=o({get:()=>h.value,async set(e){h.value=e,!e&&x.value&&(await new Promise((e=>setTimeout(e,200))),x.value=!1)}}),x=t(!1);let T,y;function _(e){e.stopPropagation(),clearTimeout(T),w.value&&x.value?w.value=!1:n(V)||(T=setTimeout((()=>{x.value=w.value=!0}),200))}function k(e){e.stopPropagation(),clearTimeout(T),n(V)&&(w.value=!0,x.value=!0)}function P(e){e.stopPropagation(),clearTimeout(y),n(V)&&(w.value=!0)}function b(e){e.stopPropagation(),clearTimeout(y),n(V)&&!x.value&&(y=setTimeout((()=>{w.value=!1}),300))}return a((()=>{w.value=!1})),function(){return l("section",{class:["annotation-edit",{"is-active":!!n(V)}],style:{"--icon-right":"-5"},"annotation-hover-show":!n(V)&&!x.value},[l(v,{"keep-alive-on-hover":!0,style:{maxWidth:"360px",wordBreak:"break-all"},show:w.value,"onUpdate:show":e=>w.value=e,trigger:"manual",duration:100},{default:function(){return l("section",{onMouseleave:b,onMouseenter:P},[l("div",null,[x.value?l(f,{resizable:!1,autosize:{minRows:3,maxRows:5},"show-count":!0,class:"annotation-edit__textarea",type:"textarea",value:V.value,"onUpdate:value":e=>V.value=e},null):l("span",null,[n(V)])]),m(e.modelValue)?[l(c,{style:{margin:"4px 0",minWidth:"360px"}},null),l("section",{class:"annotation-edit__footer"},[l(d,null,{default:()=>[u("质控人: "),e.modelValue.author]}),l(d,null,{default:()=>[u("质控时间: "),e.modelValue.date]})])]:null])},trigger:function(){return l("div",{class:"annotation-edit__icon",onMouseleave:b,onMouseenter:P,onDblclick:k,onClick:_},[l(p,{component:n(V)?i:r},null)])}})])}}});export{g as default};

package/es/components/big-table/index.js

@@ -1,15 +1 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-import { expandXEUtils } from '../../shared/utils/utilExpand.js';
-import '../index.js';
-import script from './src/BigTable.vue.js';
-import Grid from '../grid/index.js';
-
-const BigTable = script;
-BigTable.install = function(app) {
-  safeComponentRegister(app, BigTable, COMPONENT_NAMESPACE + "BigTable");
-  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
-  return expandXEUtils();
-};
-
-export { BigTable as default };
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as i}from"../../shared/utils/index.js";import{expandXEUtils as o}from"../../shared/utils/utilExpand.js";import"../index.js";import s from"./src/BigTable.vue.js";import t from"../grid/index.js";const e=s;e.install=function(s){return i(s,e,r+"BigTable"),i(s,t,r+"Grid"),o()};export{e as default};

package/es/components/big-table/src/BigTable.vue.js

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