cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.3

package/es/shared/components/SlotRender/SlotRender.d.ts

@@ -0,0 +1,20 @@
+import { Func } from '../../../../es/shared/types';
+import { Component, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    renderer: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
+        required: true;
+    };
+    rootSlots: {
+        type: PropType<Record<string, Func<any[], any>>>;
+    };
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    renderer: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
+        required: true;
+    };
+    rootSlots: {
+        type: PropType<Record<string, Func<any[], any>>>;
+    };
+}>>, {}>;
+export default _default;

package/es/shared/components/TextOverTooltip/TextOverTooltip.js

@@ -0,0 +1,77 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, renderSlot, toDisplayString, createTextVNode } from 'vue';
+import { NTooltip } from 'naive-ui';
+import XEUtils from 'xe-utils';
+import 'moment';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "text-over-tooltip-components" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextOverTooltip",
+  props: {
+    content: null,
+    className: null,
+    refName: null,
+    effect: { default: "dark" },
+    placement: { default: "top" },
+    tooltipTitle: { default: "" },
+    isAlias: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    let isDisabledTooltip = ref(false);
+    const curContent = computed(() => {
+      let res = props.tooltipTitle || props.content || "";
+      if (XEUtils.isNumber(res)) {
+        return res.toString();
+      }
+      return res;
+    });
+    const $refName = ref(null);
+    const onMouseOver = (str) => {
+      if (props.isAlias) {
+        isDisabledTooltip.value = true;
+        return;
+      }
+      let parentWidth = $refName.value.parentNode.offsetWidth;
+      let contentWidth = $refName.value.offsetWidth;
+      isDisabledTooltip.value = contentWidth > parentWidth;
+    };
+    const onMouseOut = () => {
+      isDisabledTooltip.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(NTooltip), {
+          effect: __props.effect,
+          show: unref(isDisabledTooltip),
+          placement: __props.placement
+        }, {
+          trigger: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["ellipsis", __props.className]),
+              onMouseover: _cache[0] || (_cache[0] = ($event) => onMouseOver(__props.refName)),
+              onMouseout: onMouseOut
+            }, [
+              createElementVNode("i", {
+                ref: (el) => {
+                  if (el)
+                    $refName.value = el;
+                }
+              }, [
+                renderSlot(_ctx.$slots, "default"),
+                createElementVNode("i", null, toDisplayString(__props.content), 1)
+              ], 512)
+            ], 34)
+          ]),
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString(unref(curContent)), 1)
+          ]),
+          _: 3
+        }, 8, ["effect", "show", "placement"])
+      ]);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "TextOverTooltip.vue"]]);
+
+export { script as default };

package/es/shared/components/player-vod/video-list.js

@@ -0,0 +1,126 @@
+import { defineComponent, reactive, computed, createVNode, resolveComponent } from 'vue';
+import XEUtils from 'xe-utils';
+import 'moment';
+import videoModal from './video-modal.js';
+import { NIcon } from 'naive-ui';
+import { SyncOutline } from '@vicons/ionicons5';
+import img from '../../assets/img/video_default_cover.js';
+
+var videoList = defineComponent({
+  name: "video-list",
+  components: {
+    videoModal,
+    NIcon
+  },
+  props: {
+    propsList: {
+      type: [Array, String],
+      default: () => []
+    },
+    columnName: {
+      type: String,
+      default: ""
+    },
+    stlist: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, context) {
+    const state = reactive({
+      videoVisible: false,
+      fileList: [],
+      palyerIndex: 0,
+      playerOptions: {}
+    });
+    const handleGetJsonStr = (str) => {
+      let resList = [];
+      if (XEUtils.isJSON(str)) {
+        resList = JSON.parse(str);
+      } else {
+        resList = typeof str === "string" ? [] : str;
+      }
+      if (resList && resList.type === "jsonb") {
+        if (XEUtils.isJSON(resList.value)) {
+          resList = JSON.parse(resList.value);
+          if (resList.type === "jsonb") {
+            resList = handleGetJsonStr(resList);
+          }
+        }
+      }
+      return resList;
+    };
+    const initFileList = (val) => {
+      let fileList = val;
+      let resList = [];
+      if (Array.isArray(fileList)) {
+        resList = JSON.parse(JSON.stringify(fileList));
+      }
+      if (typeof fileList === "string") {
+        resList = handleGetJsonStr(fileList);
+      }
+      resList.forEach((v) => {
+        v.vodCoverUrl = v.vodCoverUrl || void 0;
+        let vodUrl = v.url || v.videoUrl;
+        let strList = vodUrl.split(".");
+        let last = strList[strList.length - 1];
+        let type = `video/${last}`;
+        v.playerOptions = {
+          sources: [{
+            type,
+            src: vodUrl
+          }]
+        };
+      });
+      state.fileList = resList || [];
+      return resList;
+    };
+    const showFileList = computed(() => {
+      let val = props.stlist || props.propsList;
+      return initFileList(val) || [];
+    });
+    const palyerVod = (data, index) => {
+      state.palyerIndex = index;
+      let vodUrl = data.url || data.videoUrl;
+      let strList = vodUrl.split(".");
+      strList[strList.length - 1];
+      state.playerOptions = data.playerOptions;
+      state.videoVisible = true;
+    };
+    const getvideoCover = (item) => {
+      return item.vodCoverUrl || img;
+    };
+    const renderVodList = () => {
+      return createVNode("div", {
+        "class": "c-playervod-wrap vod-list"
+      }, [createVNode("div", {
+        "class": "show-list"
+      }, [showFileList.value.map((v, i) => {
+        createVNode("div", {
+          "class": "vod-wrap"
+        }, [createVNode("div", {
+          "class": "vod-def-bg"
+        }, [createVNode("img", {
+          "src": getvideoCover(v),
+          "class": "vod-cover-img"
+        }, null)]), createVNode("div", {
+          "class": "icon-wrap"
+        }, [createVNode(resolveComponent("n-icon"), {
+          "component": SyncOutline,
+          "class": "icon-play",
+          "onClick": palyerVod(v, i)
+        }, null)])]);
+      })]), state.videoVisible && createVNode(resolveComponent("video-modal"), {
+        "visible:sync": state.videoVisible,
+        "fileList": state.fileList,
+        "palyerIndex": state.palyerIndex,
+        "playerOptions": state.playerOptions
+      }, null)]);
+    };
+    return () => {
+      return renderVodList();
+    };
+  }
+});
+
+export { videoList as default };

package/es/shared/core/create.js

@@ -0,0 +1,8 @@
+import { COMPONENT_NAMESPACE } from '../global/variable.js';
+
+function create(vm) {
+  vm.name = COMPONENT_NAMESPACE + (vm.name || "");
+  return vm;
+}
+
+export { create as default };

package/es/shared/types/index.js

@@ -0,0 +1 @@
+

package/es/shared/utils/loadViewer.js

@@ -0,0 +1,11 @@
+import { safeComponentRegister } from './index.js';
+import VueViewer from 'v-viewer';
+
+function loadViewer(app) {
+  safeComponentRegister(app, VueViewer, "viewer", () => {
+    app.use(VueViewer);
+    import('viewerjs/dist/viewer.min.css');
+  });
+}
+
+export { loadViewer };

package/es/shared/utils/loadVxe.js

@@ -0,0 +1,12 @@
+import { safeComponentRegister } from './index.js';
+import VXETable from 'vxe-table';
+
+function loadVxeTable(app) {
+  safeComponentRegister(app, VXETable, "VxeTable", () => {
+    app.use(VXETable);
+    import('vxe-table/lib/style.css');
+    import('xe-utils');
+  });
+}
+
+export { loadVxeTable };

package/package.json

@@ -1,31 +1,17 @@
 {
   "name": "cnhis-design-vue",
-  "private": false,
-  "version": "3.1.17-beta.9",
+  "version": "3.1.18-beta.3",
   "license": "ISC",
-  "module": "es/packages/index.js",
-  "main": "es/packages/index.js",
-  "types": "es/packages/index.d.ts",
+  "module": "./es/components/index.js",
+  "main": "./es/components/index.js",
+  "types": "./es/components/index.d.ts",
   "sideEffects": [
-    "es/packages/**/style/*",
-    "es/packages/*(.css,.less)"
+    "es/components/**/style/*",
+    "es/components/*(.css,.less)"
+  ],
+  "files": [
+    "es"
   ],
-  "scripts": {
-    "dev": "vite --host --port 3200",
-    "start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
-    "build": "npm run start",
-    "build:doc": "cross-env CUI_DOCS=true vite build",
-    "build:doc-local": "vite build",
-    "test": "vitest spec",
-    "test:resnap": "vitest spec -u",
-    "test:coverage": "vitest run --coverage",
-    "preview": "vite preview",
-    "release": "standard-version",
-    "deploy": "sh sync.sh",
-    "deploy-w": "sh sync-w.sh",
-    "prepare": "husky install",
-    "prettier": "prettier --write ./packages ./examples ./build ./plugins ./src"
-  },
   "peerDependencies": {
     "naive-ui": "^2.29.0",
     "vue": "^3.2.0"
@@ -43,6 +29,7 @@
     "axios": "^0.27.2",
     "babel-preset-typescript": "7.0.0-alpha.19",
     "bpmn-js": "^9.2.2",
+    "bpmnlint-utils": "^1.0.2",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.29.1",
     "diagram-js": "^8.7.1",
@@ -56,7 +43,6 @@
     "min-dom": "^3.2.1",
     "moment": "^2.29.1",
     "naive-ui": "^2.29.0",
-    "ramda": "^0.28.0",
     "rimraf": "^3.0.2",
     "spark-md5": "^3.0.2",
     "tiny-svg": "^2.2.4",
@@ -71,90 +57,6 @@
     "vxe-table": "4.2.5",
     "xe-utils": "^3.5.4"
   },
-  "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
-    "@babel/preset-typescript": "^7.17.12",
-    "@commitlint/cli": "^16.1.0",
-    "@commitlint/config-conventional": "^16.2.4",
-    "@esbuild-kit/cjs-loader": "^2.0.0",
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@types/babel__core": "^7.1.19",
-    "@types/fs-extra": "^9.0.13",
-    "@types/gulp": "^4.0.9",
-    "@types/gulp-less": "^0.0.32",
-    "@types/lodash-es": "^4.17.6",
-    "@types/markdown-it": "^12.2.3",
-    "@types/node": "^17.0.38",
-    "@types/ramda": "^0.28.15",
-    "@types/replacestream": "^4.0.1",
-    "@types/sortablejs": "^1.13.0",
-    "@types/vue-router": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.30.7",
-    "@typescript-eslint/parser": "^5.30.7",
-    "@vitejs/plugin-vue": "^2.3.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/babel-preset-jsx": "^1.2.4",
-    "@vue/compiler-sfc": "^3.2.33",
-    "@vue/shared": "^3.2.36",
-    "autoprefixer": "^10.4.7",
-    "axios": "^0.27.2",
-    "bpmn-js": "^9.2.2",
-    "chalk": "^5.0.1",
-    "codesandbox": "^2.2.3",
-    "commitlint": "^17.0.3",
-    "consola": "^2.15.3",
-    "cross-env": "^7.0.3",
-    "cssnano": "^5.1.7",
-    "esbuild": "^0.14.42",
-    "eslint": "^8.7.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.3.0",
-    "gulp": "^4.0.2",
-    "gulp-cssimport": "^7.0.0",
-    "gulp-less": "^5.0.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-replace": "^1.1.3",
-    "gulp-util": "^3.0.8",
-    "heapdump": "^0.3.15",
-    "husky": "^7.0.4",
-    "less": "^4.1.2",
-    "lint-staged": "^13.0.3",
-    "markdown-it": "^13.0.1",
-    "postcss": "^8.4.14",
-    "prettier": "^2.7.1",
-    "replacestream": "^4.0.3",
-    "rollup": "^2.75.5",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-esbuild": "^4.9.1",
-    "rollup-plugin-external-globals": "^0.6.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.32.0",
-    "rollup-plugin-vue": "^6.0.0",
-    "standard-version": "^9.3.2",
-    "ts-morph": "^15.1.0",
-    "typescript": "4.6.4",
-    "vite": "3.0.4",
-    "vitest": "^0.16.0",
-    "vue-tsc": "^0.29.8"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{js,jsx,vue,ts,tsx}": [
-      "prettier --write",
-      "git add"
-    ]
-  },
   "browserslist": [
     "defaults",
     "not ie < 8",
@@ -162,5 +64,6 @@
     "> 1%",
     "iOS 7",
     "last 3 iOS versions"
-  ]
+  ],
+  "gitHead": "13b68795262713182c56b95ae0b446825b5fbfdb"
 }

package/README.md

@@ -1,23 +0,0 @@
-# Vue 3 + Typescript + Vite
-
-This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
-
-## Type Support For `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
-
-## 使用
-```JavaScript
-import { createApp } from "vue";
-import App from "./App.vue";
-import cui from "cnhis-design-vue";
-import "cnhis-design-vue/es/index.css";
-
-const app = createApp(App);
-app.use(cui);
-app.mount("#app");
-```

package/es/packages/annotation-edit/index.d.ts

@@ -1,17 +0,0 @@
-import { SFCWithInstall } from '../../../es/src/types';
-declare const Annotation: SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: string;
-}>>;
-export default Annotation;