cnhis-design-vue 3.1.5-beta.11 → 3.1.5-beta.14

package/es/src/components/player-vod/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,11 @@
+import { defineComponent, openBlock, createElementBlock } from 'vue';
+
+var script = /* @__PURE__ */ defineComponent({
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+
+export { script as default };

package/es/src/components/player-vod/index2.js

@@ -0,0 +1,4 @@
+import script from './index.vue_vue_type_script_setup_true_lang.js';
+export { default } from './index.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "src/components/player-vod/index.vue";

package/es/src/components/player-vod/player.js

@@ -0,0 +1 @@
+export { default } from './player2.js';

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

@@ -0,0 +1 @@
+export { default } from './video-list2.js';

package/es/src/components/player-vod/video-list2.js

@@ -0,0 +1,125 @@
+import { defineComponent, reactive, computed, createVNode, resolveComponent } from 'vue';
+import vexutils from '../..\\../src/utils/vexutils';
+import videoModal from './video-modal2.js';
+import { NIcon } from 'naive-ui';
+import { SyncOutline } from '@vicons/ionicons5';
+import default_cover from '../..\\../src/assets/img/video_default_cover.png';
+
+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 (vexutils.isJSON(str)) {
+        resList = JSON.parse(str);
+      } else {
+        resList = typeof str === "string" ? [] : str;
+      }
+      if (resList && resList.type === "jsonb") {
+        if (vexutils.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 || default_cover;
+    };
+    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/src/components/player-vod/video-modal.js

@@ -0,0 +1 @@
+export { default } from './video-modal2.js';

package/es/src/components/player-vod/video-modal2.js

@@ -0,0 +1,91 @@
+import { defineComponent, reactive, createVNode, resolveComponent, withDirectives, isVNode, resolveDirective } from 'vue';
+import { NModal, NCarousel } from 'naive-ui';
+import playerVod from './player2.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var videoModal = defineComponent({
+  name: "videoModal",
+  components: {
+    NModal,
+    NCarousel,
+    playerVod
+  },
+  props: {
+    visible: Boolean,
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    playerOptions: {
+      type: Object,
+      default: () => ({
+        sources: [{
+          type: "video/mp4",
+          src: ""
+        }]
+      })
+    },
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    palyerIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(props, context) {
+    const state = reactive({
+      previewVisible: false
+    });
+    state.previewVisible = props.visible;
+    console.log(state.previewVisible);
+    const isSingle = props.fileList && !props.fileList.length;
+    const handleCancel = () => {
+      context.emit("closeVideoModal", false);
+      state.previewVisible = false;
+    };
+    console.log("\u6E32\u67D3video-model---", props.formData.title);
+    const renderVideoModal = () => {
+      let _slot;
+      return createVNode(resolveComponent("n-modal"), {
+        "class": "c-player-video-modal",
+        "show": state.previewVisible,
+        "onUpdate:show": ($event) => state.previewVisible = $event,
+        "preset": "card",
+        "style": {
+          width: "60vw",
+          height: "auto"
+        },
+        "on-after-leave": handleCancel
+      }, {
+        default: () => [createVNode("div", {
+          "class": "preview-wrap"
+        }, [createVNode("div", {
+          "class": "preview"
+        }, [isSingle && createVNode(playerVod, {
+          "options": props.playerOptions
+        }, null), !isSingle && withDirectives(createVNode(resolveComponent("n-carousel"), {
+          "arrows": true,
+          "current-index": props.palyerIndex,
+          "dot-type": "line",
+          "show-arrow": true
+        }, _isSlot(_slot = props.fileList.map((v, i) => {
+          createVNode(playerVod, {
+            "playerOptions": v.playerOptions,
+            "key": i
+          }, null);
+        })) ? _slot : {
+          default: () => [_slot]
+        }), [[resolveDirective("else")]])])])]
+      });
+    };
+    return () => {
+      return renderVideoModal();
+    };
+  }
+});
+
+export { videoModal as default };

package/es/src/core/create.js

@@ -0,0 +1 @@
+export { default } from './create2.js';

package/es/src/core/create2.js

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

package/es/src/global/variable.js

@@ -0,0 +1 @@
+export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY } from './variable2.js';

package/es/src/types/index.d.ts

@@ -6,3 +6,4 @@ export declare type AnyObject = Record<string, any>;
 export declare type Func<T extends Array<any> = any[], P = any> = (...args: T) => P;
 export declare type WithNull<T> = T | null;
 export declare type WithUndefined<T> = T | undefined;
+export declare type ArrayAble<T> = T | T[];

package/es/src/utils/anime.js

@@ -0,0 +1 @@
+export { doAnimation } from './anime2.js';

package/es/src/utils/clickoutside.js

@@ -0,0 +1 @@
+export { default } from './clickoutside2.js';

package/es/src/utils/crypto.js

@@ -0,0 +1 @@
+export { default } from './crypto2.js';

package/es/src/utils/index.js

@@ -0,0 +1 @@
+export { safeComponentRegister } from './index2.js';

package/es/src/utils/loadViewer.js

@@ -0,0 +1 @@
+export { loadViewer } from './loadViewer2.js';

package/es/src/utils/loadViewer2.js

@@ -0,0 +1,11 @@
+import { safeComponentRegister } from '../../src/utils/index';
+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/src/utils/loadVxe.js

@@ -0,0 +1 @@
+export { loadVxeTable } from './loadVxe2.js';

package/es/src/utils/loadVxe2.js

@@ -0,0 +1,12 @@
+import { safeComponentRegister } from '../../src/utils/index';
+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/es/src/utils/utilExpand.js

@@ -0,0 +1 @@
+export { expandXEUtils } from './utilExpand2.js';

package/es/src/utils/vexutils.js

@@ -0,0 +1,3 @@
+export { formatReleaseTime, handleLabelColor } from './vexutils2.js';
+export { default } from 'xe-utils';
+export { default as moment } from 'moment';

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.1.5-beta.11",
+  "version": "3.1.5-beta.14",
   "license": "ISC",
-  "module": "es/packages/index.mjs",
-  "main": "es/packages/index.mjs",
+  "module": "es/packages/index.js",
+  "main": "es/packages/index.js",
   "types": "es/packages/index.d.ts",
   "sideEffects": [
     "es/packages/**/style/*",
     "es/packages/*(.css,.less)"
   ],
   "scripts": {
-    "dev": "node --max-old-space-size=8192 node_modules/vite/bin/vite.js --host --port 3200",
+    "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",
@@ -20,7 +20,9 @@
     "test:resnap": "vitest spec -u",
     "test:coverage": "vitest run --coverage",
     "preview": "vite preview",
-    "release": "standard-version"
+    "release": "standard-version",
+    "deploy": "sh sync.sh",
+    "deploy-w": "sh sync-w.sh"
   },
   "peerDependencies": {
     "naive-ui": "^2.29.0",
@@ -30,6 +32,7 @@
     "@formily/core": "^2.1.9",
     "@formily/vue": "^2.1.9",
     "@highlightjs/vue-plugin": "^2.1.0",
+    "@types/fabric": "^4.5.9",
     "@vicons/ionicons5": "^0.12.0",
     "@vueuse/core": "^8.6.0",
     "@vueuse/shared": "^8.6.0",
@@ -39,6 +42,7 @@
     "babel-preset-typescript": "7.0.0-alpha.19",
     "bpmn-js": "^9.2.2",
     "crypto-js": "^4.1.1",
+    "fabric": "^5.2.1",
     "highlight.js": "^11.5.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
@@ -52,13 +56,14 @@
     "video.js": "^7.19.2",
     "videojs-contrib-hls": "^5.15.0",
     "viewerjs": "^1.10.5",
-    "vue": "^3.2.36",
+    "vue": ">=3.2.0",
     "vue-simple-uploader": "^1.0.0-beta.5",
     "vuedraggable": "4.1.0",
     "vxe-table": "4.2.1",
     "xe-utils": "^3.5.4"
   },
   "devDependencies": {
+    "codesandbox": "^2.2.3",
     "@babel/cli": "^7.17.10",
     "@babel/core": "^7.18.2",
     "@babel/preset-env": "^7.18.2",

package/es/_virtual/_commonjsHelpers.mjs

@@ -1,5 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { getDefaultExportFromCjs };

package/es/node_modules/date-fns/esm/compareAsc/index.mjs

@@ -1,56 +0,0 @@
-import toDate from '../toDate/index.mjs';
-import requiredArgs from '../_lib/requiredArgs/index.mjs';
-
-/**
- * @name compareAsc
- * @category Common Helpers
- * @summary Compare the two dates and return -1, 0 or 1.
- *
- * @description
- * Compare the two dates and return 1 if the first date is after the second,
- * -1 if the first date is before the second or 0 if dates are equal.
- *
- * ### v2.0.0 breaking changes:
- *
- * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
- *
- * @param {Date|Number} dateLeft - the first date to compare
- * @param {Date|Number} dateRight - the second date to compare
- * @returns {Number} the result of the comparison
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // Compare 11 February 1987 and 10 July 1989:
- * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
- * //=> -1
- *
- * @example
- * // Sort the array of dates:
- * const result = [
- *   new Date(1995, 6, 2),
- *   new Date(1987, 1, 11),
- *   new Date(1989, 6, 10)
- * ].sort(compareAsc)
- * //=> [
- * //   Wed Feb 11 1987 00:00:00,
- * //   Mon Jul 10 1989 00:00:00,
- * //   Sun Jul 02 1995 00:00:00
- * // ]
- */
-
-function compareAsc(dirtyDateLeft, dirtyDateRight) {
-  requiredArgs(2, arguments);
-  var dateLeft = toDate(dirtyDateLeft);
-  var dateRight = toDate(dirtyDateRight);
-  var diff = dateLeft.getTime() - dateRight.getTime();
-
-  if (diff < 0) {
-    return -1;
-  } else if (diff > 0) {
-    return 1; // Return 0 if diff is 0; return NaN if diff is NaN
-  } else {
-    return diff;
-  }
-}
-
-export { compareAsc as default };

package/es/node_modules/date-fns/esm/differenceInCalendarDays/index.mjs

@@ -1,53 +0,0 @@
-import getTimezoneOffsetInMilliseconds from '../_lib/getTimezoneOffsetInMilliseconds/index.mjs';
-import startOfDay from '../startOfDay/index.mjs';
-import requiredArgs from '../_lib/requiredArgs/index.mjs';
-
-var MILLISECONDS_IN_DAY = 86400000;
-/**
- * @name differenceInCalendarDays
- * @category Day Helpers
- * @summary Get the number of calendar days between the given dates.
- *
- * @description
- * Get the number of calendar days between the given dates. This means that the times are removed
- * from the dates and then the difference in days is calculated.
- *
- * ### v2.0.0 breaking changes:
- *
- * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @returns {Number} the number of calendar days
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many calendar days are between
- * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
- * const result = differenceInCalendarDays(
- *   new Date(2012, 6, 2, 0, 0),
- *   new Date(2011, 6, 2, 23, 0)
- * )
- * //=> 366
- * // How many calendar days are between
- * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
- * const result = differenceInCalendarDays(
- *   new Date(2011, 6, 3, 0, 1),
- *   new Date(2011, 6, 2, 23, 59)
- * )
- * //=> 1
- */
-
-function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
-  requiredArgs(2, arguments);
-  var startOfDayLeft = startOfDay(dirtyDateLeft);
-  var startOfDayRight = startOfDay(dirtyDateRight);
-  var timestampLeft = startOfDayLeft.getTime() - getTimezoneOffsetInMilliseconds(startOfDayLeft);
-  var timestampRight = startOfDayRight.getTime() - getTimezoneOffsetInMilliseconds(startOfDayRight); // Round the number of days to the nearest integer
-  // because the number of milliseconds in a day is not constant
-  // (e.g. it's different in the day of the daylight saving time clock shift)
-
-  return Math.round((timestampLeft - timestampRight) / MILLISECONDS_IN_DAY);
-}
-
-export { differenceInCalendarDays as default };

package/es/node_modules/date-fns/esm/differenceInCalendarMonths/index.mjs

@@ -1,39 +0,0 @@
-import toDate from '../toDate/index.mjs';
-import requiredArgs from '../_lib/requiredArgs/index.mjs';
-
-/**
- * @name differenceInCalendarMonths
- * @category Month Helpers
- * @summary Get the number of calendar months between the given dates.
- *
- * @description
- * Get the number of calendar months between the given dates.
- *
- * ### v2.0.0 breaking changes:
- *
- * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @returns {Number} the number of calendar months
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many calendar months are between 31 January 2014 and 1 September 2014?
- * var result = differenceInCalendarMonths(
- *   new Date(2014, 8, 1),
- *   new Date(2014, 0, 31)
- * )
- * //=> 8
- */
-
-function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {
-  requiredArgs(2, arguments);
-  var dateLeft = toDate(dirtyDateLeft);
-  var dateRight = toDate(dirtyDateRight);
-  var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();
-  var monthDiff = dateLeft.getMonth() - dateRight.getMonth();
-  return yearDiff * 12 + monthDiff;
-}
-
-export { differenceInCalendarMonths as default };

package/es/node_modules/date-fns/esm/differenceInDays/index.mjs

@@ -1,90 +0,0 @@
-import toDate from '../toDate/index.mjs';
-import differenceInCalendarDays from '../differenceInCalendarDays/index.mjs';
-import requiredArgs from '../_lib/requiredArgs/index.mjs';
-
-// for accurate equality comparisons of UTC timestamps that end up
-// having the same representation in local time, e.g. one hour before
-// DST ends vs. the instant that DST ends.
-
-function compareLocalAsc(dateLeft, dateRight) {
-  var diff = dateLeft.getFullYear() - dateRight.getFullYear() || dateLeft.getMonth() - dateRight.getMonth() || dateLeft.getDate() - dateRight.getDate() || dateLeft.getHours() - dateRight.getHours() || dateLeft.getMinutes() - dateRight.getMinutes() || dateLeft.getSeconds() - dateRight.getSeconds() || dateLeft.getMilliseconds() - dateRight.getMilliseconds();
-
-  if (diff < 0) {
-    return -1;
-  } else if (diff > 0) {
-    return 1; // Return 0 if diff is 0; return NaN if diff is NaN
-  } else {
-    return diff;
-  }
-}
-/**
- * @name differenceInDays
- * @category Day Helpers
- * @summary Get the number of full days between the given dates.
- *
- * @description
- * Get the number of full day periods between two dates. Fractional days are
- * truncated towards zero.
- *
- * One "full day" is the distance between a local time in one day to the same
- * local time on the next or previous day. A full day can sometimes be less than
- * or more than 24 hours if a daylight savings change happens between two dates.
- *
- * To ignore DST and only measure exact 24-hour periods, use this instead:
- * `Math.floor(differenceInHours(dateLeft, dateRight)/24)|0`.
- *
- *
- * ### v2.0.0 breaking changes:
- *
- * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @returns {Number} the number of full days according to the local timezone
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many full days are between
- * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
- * const result = differenceInDays(
- *   new Date(2012, 6, 2, 0, 0),
- *   new Date(2011, 6, 2, 23, 0)
- * )
- * //=> 365
- * // How many full days are between
- * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
- * const result = differenceInDays(
- *   new Date(2011, 6, 3, 0, 1),
- *   new Date(2011, 6, 2, 23, 59)
- * )
- * //=> 0
- * // How many full days are between
- * // 1 March 2020 0:00 and 1 June 2020 0:00 ?
- * // Note: because local time is used, the
- * // result will always be 92 days, even in
- * // time zones where DST starts and the
- * // period has only 92*24-1 hours.
- * const result = differenceInDays(
- *   new Date(2020, 5, 1),
- *   new Date(2020, 2, 1)
- * )
-//=> 92
- */
-
-
-function differenceInDays(dirtyDateLeft, dirtyDateRight) {
-  requiredArgs(2, arguments);
-  var dateLeft = toDate(dirtyDateLeft);
-  var dateRight = toDate(dirtyDateRight);
-  var sign = compareLocalAsc(dateLeft, dateRight);
-  var difference = Math.abs(differenceInCalendarDays(dateLeft, dateRight));
-  dateLeft.setDate(dateLeft.getDate() - sign * difference); // Math.abs(diff in full days - diff in calendar days) === 1 if last calendar day is not full
-  // If so, result must be decreased by 1 in absolute value
-
-  var isLastDayNotFull = Number(compareLocalAsc(dateLeft, dateRight) === -sign);
-  var result = sign * (difference - isLastDayNotFull); // Prevent negative zero
-
-  return result === 0 ? 0 : result;
-}
-
-export { differenceInDays as default };