cnhis-design-vue 3.1.9-beta.9 → 3.1.11-beta.0

package/es/packages/form-render/src/hooks/useAnchor.js

@@ -0,0 +1,81 @@
+import { doAnimation } from '../../../../src/utils/anime';
+import { useDebounceFn } from '@vueuse/core';
+import { isNumber } from 'lodash-es';
+import { ref, computed, nextTick, watch } from 'vue';
+import { FormItemLineBarDepKeyPrepend } from '../../../../packages/form-render/src/constants';
+import { traverseSchema } from '../../../../packages/form-render/src/utils';
+
+function useAnchor(props, collector) {
+  const currentAnchor = ref("");
+  async function updateCurrentAnchor(id) {
+    currentAnchor.value = id;
+    await new Promise((resolve) => setTimeout(resolve, 100));
+    await scrollTo(id);
+  }
+  const formHeight = computed(() => {
+    if (isNumber(props.maxHeight))
+      return props.maxHeight + "px";
+    return props.maxHeight;
+  });
+  const anchorIdList = ref([]);
+  function generateAnchorList(schema) {
+    anchorIdList.value.length = 0;
+    traverseSchema(schema, (_schema) => {
+      var _a;
+      if (_schema["x-component"] === "LINEBAR") {
+        anchorIdList.value.push({ title: _schema.title, name: ((_a = _schema.name) == null ? void 0 : _a.toString()) || "" });
+      }
+    });
+  }
+  const scrollbarRef = ref();
+  let scrollLock = false;
+  async function scrollTo(id) {
+    scrollLock = true;
+    try {
+      if (!scrollbarRef.value)
+        return;
+      collector.trigger(FormItemLineBarDepKeyPrepend + id, true);
+      await nextTick();
+      const targetAnchor = scrollbarRef.value.querySelector(`#${id}`);
+      if (!targetAnchor)
+        return;
+      await new Promise((resolve) => {
+        doAnimation(scrollbarRef.value.scrollTop, targetAnchor.offsetTop, 300, (top) => {
+          var _a;
+          (_a = scrollbarRef.value) == null ? void 0 : _a.scrollTo({ top });
+        }, "easeInBounce", resolve);
+      });
+    } finally {
+      scrollLock = false;
+    }
+  }
+  const onScroll = useDebounceFn(async function() {
+    var _a;
+    if (scrollLock || !scrollbarRef.value)
+      return;
+    const { scrollTop, clientHeight } = scrollbarRef.value;
+    const result = anchorIdList.value.find((anchor) => {
+      const node = scrollbarRef.value.querySelector(`#${anchor.name}`);
+      if (!node)
+        return;
+      return node.offsetTop >= scrollTop || node.offsetTop < scrollTop && node.clientHeight + node.offsetTop > scrollTop + clientHeight;
+    }) || anchorIdList.value[anchorIdList.value.length - 1];
+    currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
+  }, 300);
+  watch(anchorIdList, (anchorIdList2) => {
+    var _a, _b;
+    currentAnchor.value = (_b = (_a = anchorIdList2[0]) == null ? void 0 : _a.name) != null ? _b : "";
+  }, { deep: true, immediate: true });
+  return {
+    currentAnchor,
+    updateCurrentAnchor,
+    onScroll,
+    formHeight,
+    anchorIdList,
+    generateAnchorList,
+    scrollbarRef,
+    scrollTo
+  };
+}
+
+export { useAnchor };

package/es/packages/form-render/src/hooks/useAsyncQueue.js

@@ -120,7 +120,7 @@ function useAsyncQueue() {
           const res = await http[method](url, params);
           const { data, success } = res;
           if (!success)
-            throw new Error(`Request error => ${res}`);
+            throw res;
           cb(void 0, data);
         } catch (e) {
           cb(new Error(`Request error => ${e}`));

package/es/packages/form-render/src/hooks/useChangeContext.d.ts

@@ -1,4 +1,4 @@
-import { FormChangeContext } from '../../../../../es/packages/form-render';
+import { FormChangeContext } from '../types';
 export declare class ContextCollector {
     private readonly contextMap;
     setContext(key: string, prop: keyof FormChangeContext, value: any): void;

package/es/packages/form-render/src/hooks/useFieldList2Schema.js

@@ -115,14 +115,15 @@ function useFieldList2Schema(collector) {
     });
     return schema;
   };
-  const createCollapseSchema = (item) => {
+  const createLinebarSchema = (item) => {
     return {
       name: item.val_key,
       type: "void",
       title: item.alias || item.name,
-      "x-component": "COLLAPSE",
+      "x-component": "LINEBAR",
       "x-component-props": {
         disabled: item.is_not_fold === "1",
+        id: item.val_key,
         show: !!item.is_show
       }
     };
@@ -135,7 +136,7 @@ function useFieldList2Schema(collector) {
     return schema;
   };
   const creatorMap = /* @__PURE__ */ new Map([
-    ["LINEBAR", createCollapseSchema],
+    ["LINEBAR", createLinebarSchema],
     ["INPUT", createInputSchema],
     ["INPUT_NUMBER", createInputNumberSchema],
     ["SELECT", createSelectSchema],
@@ -157,7 +158,7 @@ function useFieldList2Schema(collector) {
   const createWidgetCombinationSchema = (item) => {
     const suffixList = arrayed(item.suffixConfig);
     const fieldList = [{ ...item, suffixConfig: void 0 }].concat(suffixList.map((suffix) => {
-      return { ...suffix, is_show: "1", hide_title: "1" };
+      return { ...suffix, is_show: item.is_show, alias: " " };
     }));
     return {
       type: "void",
@@ -169,19 +170,19 @@ function useFieldList2Schema(collector) {
   };
   const { normalize } = useTypeNormalize();
   function transform(fieldList) {
-    let prevCollapse = null;
+    let prevLinebar = null;
     return fieldList.reduce((fin, cur) => {
       var _a;
       normalize(cur);
       const obj_type = (_a = cur.validate) == null ? void 0 : _a.obj_type;
       obj_type && collector.collect(obj_type, cur.val_key);
       if (cur.html_type === "LINEBAR") {
-        fin[cur.val_key] = createCollapseSchema(cur);
-        prevCollapse = fin[cur.val_key].properties = {};
-      } else if (prevCollapse) {
-        prevCollapse[cur.val_key] = createWidgetSchema(cur);
+        fin[cur.val_key] = createLinebarSchema(cur);
+        prevLinebar = fin[cur.val_key].properties = {};
+      } else if (prevLinebar) {
+        prevLinebar[cur.val_key] = createWidgetSchema(cur);
       } else {
-        prevCollapse = null;
+        prevLinebar = null;
         fin[cur.val_key] = createWidgetSchema(cur);
       }
       return fin;

package/es/packages/form-render/src/hooks/useFormContext.d.ts

@@ -0,0 +1,8 @@
+import { AnyObject } from '../../../../../es/src/types';
+export declare function useFormContext(props: AnyObject): {
+    asyncQueue: import("../../../../../es/packages/form-render").FormAsyncQueue;
+    SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    businessCollector: import("../../../../../es/packages/form-render").BusinessCollector;
+    changeContextCollector: import("../../../../../es/packages/form-render").ContextCollector;
+    formItemDepsCollector: import("../../../../../es/packages/form-render").FormItemDepsCollector;
+};

package/es/packages/form-render/src/hooks/useFormContext.js

@@ -0,0 +1,26 @@
+import { createSchemaField } from '@formily/vue';
+import { provide } from 'vue';
+import { useAsyncQueue, useBusinessBinding, useChangeContext, useFormItemDeps } from '../../../../packages/form-render';
+import * as components from '../../../../packages/form-render/src/components/renderer';
+import { InjectAsyncQueue, InjectionSchemaField, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../../../packages/form-render/src/constants';
+import { injectOrProvide } from '../../../../packages/form-render/src/utils';
+
+function useFormContext(props) {
+  const asyncQueue = injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
+  const SchemaField = injectOrProvide(InjectionSchemaField, () => createSchemaField({
+    components: {
+      ...components,
+      ...props.components
+    },
+    scope: props.scope
+  }).SchemaField);
+  const businessCollector = useBusinessBinding().create();
+  provide(InjectionBusinessCollector, businessCollector);
+  const changeContextCollector = useChangeContext().create();
+  provide(InjectionChangeContextCollector, changeContextCollector);
+  const formItemDepsCollector = useFormItemDeps().create();
+  provide(InjectionFormItemDepsCollector, formItemDepsCollector);
+  return { asyncQueue, SchemaField, businessCollector, changeContextCollector, formItemDepsCollector };
+}
+
+export { useFormContext };

package/es/packages/form-render/src/hooks/useFormField.js

@@ -6,9 +6,7 @@ function useFormField() {
   return {
     field,
     title: computed(() => field.value.title),
-    fieldKey: computed(() => {
-      return field.value.props.name.toString();
-    })
+    fieldKey: computed(() => field.value.props.name.toString())
   };
 }
 

package/es/packages/form-render/src/hooks/useFormItemDeps.d.ts

@@ -1,7 +1,7 @@
 export declare class FormItemDepsCollector {
     private readonly collector;
     setDeps(key: string, dependKey: string | string[], callback: Function): void;
-    trigger(dependKey: string): void;
+    trigger(dependKey: string, payload?: any): void;
 }
 export declare function useFormItemDeps(): {
     create: () => FormItemDepsCollector;

package/es/packages/form-render/src/hooks/useFormItemDeps.js

@@ -12,10 +12,10 @@ class FormItemDepsCollector {
       this.collector.set(dependKey2, map);
     });
   }
-  trigger(dependKey) {
+  trigger(dependKey, payload) {
     const map = this.collector.get(dependKey);
     map && map.forEach((cb) => {
-      typeof cb === "function" && cb();
+      typeof cb === "function" && cb(payload);
     });
   }
 }

package/es/packages/form-render/src/hooks/useInitialData.d.ts

@@ -0,0 +1,5 @@
+import { AnyObject } from '../../../../../es/src/types';
+import { FieldItem } from '../types';
+export declare function useInitialData(): {
+    assignInitialData: (initialData?: AnyObject, fieldList?: FieldItem[]) => AnyObject;
+};

package/es/packages/form-render/src/hooks/useInitialData.js

@@ -0,0 +1,11 @@
+function useInitialData() {
+  function assignInitialData(initialData, fieldList) {
+    return Object.assign({}, initialData, fieldList == null ? void 0 : fieldList.reduce((fin, cur) => {
+      cur.default_val && (fin[cur.val_key] = cur.default_val);
+      return fin;
+    }, {}));
+  }
+  return { assignInitialData };
+}
+
+export { useInitialData };

package/es/packages/form-render/src/types/index.d.ts

@@ -20,7 +20,7 @@ export interface FormAsyncQueueItem {
 export declare type FormAsyncQueue = AsyncQueue<FormAsyncQueueItem, any, AnyObject[]>;
 export declare type IdCardParseInfo = Record<'sex' | 'birthday', string> & Record<'age' | 'day' | 'month' | 'year', number>;
 export declare type FormRenderExpose = {
-    validate(): Promise<unknown>;
+    validate(): Promise<void>;
     getFormValues(): AnyObject;
     setFieldState(path: string, setter: (field: Field) => void): void;
 };

package/es/packages/form-render/src/utils/index.d.ts

@@ -1,4 +1,5 @@
 import { AnyObject } from '../../../../../es/src/types';
+import { ISchema } from '@formily/json-schema/esm/types';
 import { GeneralField } from '@formily/core';
 import { InjectionKey } from 'vue';
 import { IdCardParseInfo } from '../types';
@@ -12,3 +13,4 @@ export declare function isIdCard(idCardNo: string): boolean;
 export declare function parseIdCard(idCardNo: string): IdCardParseInfo;
 export declare function injectOrProvide<T>(key: InjectionKey<T>, creator: () => T): T;
 export declare function generateUrlParams(field: GeneralField, dependKeys?: string | string[]): AnyObject;
+export declare function traverseSchema(schema: ISchema, handler: (_s: ISchema) => void): void;

package/es/packages/form-render/src/utils/index.js

@@ -1,3 +1,4 @@
+import { isObject } from 'lodash-es';
 import { FIELD_SEX_VALUE } from '../constants/index.js';
 import { isField } from '@formily/core';
 import differenceInDays from '../../../../node_modules/date-fns/esm/differenceInDays/index.js';
@@ -67,5 +68,13 @@ function generateUrlParams(field, dependKeys) {
   }
   return result;
 }
+function traverseSchema(schema, handler) {
+  handler(schema);
+  if (isObject(schema.properties)) {
+    Object.values(schema.properties).forEach((_s) => {
+      traverseSchema(_s, handler);
+    });
+  }
+}
 
-export { arrayed, assignUpdateValue, formRenderLog, generateUrlParams, injectOrProvide, isIdCard, parseIdCard, transformDateFormat };
+export { arrayed, assignUpdateValue, formRenderLog, generateUrlParams, injectOrProvide, isIdCard, parseIdCard, transformDateFormat, traverseSchema };

package/es/packages/form-render/style/index.css

@@ -2,6 +2,9 @@
   display: grid !important;
   grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
   gap: 0 8px;
+  max-height: var(--form-height);
+  overflow-y: auto;
+  position: relative;
 }
 .form-render__formItem {
   grid-column: span var(--form-item-column) / span var(--form-item-column);
@@ -9,10 +12,10 @@
 .form-render__formItem .n-date-picker {
   width: 100%;
 }
-.form-render__collapse {
+.form-render__linebar {
   grid-column: span var(--column) / span var(--column);
 }
-.form-render__collapseHeader {
+.form-render__linebarHeader {
   cursor: pointer;
   display: flex;
   background: #fafafa;
@@ -22,7 +25,7 @@
   margin-bottom: 8px;
   border: 1px solid #d9d9d9;
 }
-.form-render__collapseItem {
+.form-render__linebarItem {
   display: grid !important;
   grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
   gap: 0 8px;
@@ -30,7 +33,7 @@
 .form-render__inputGroup {
   grid-column: span var(--column) / span var(--column);
   display: flex;
-  align-items: flex-end;
+  align-items: flex-start;
 }
 .form-render__inputGroup > div {
   flex: 1;

package/es/packages/index.css

@@ -13,11 +13,6 @@
   flex-direction: column;
   overflow: hidden;
   transition: width 2s;
-  /*
-  .sort-icon-asc {
-    background-image: url('../img/icon-asc.png');
-  }
-  */
 }
 .big-table-filter-wrap .sort-list {
   margin-top: 6px;
@@ -45,7 +40,7 @@
   color: rgba(0, 0, 0, 0.8);
 }
 .big-table-filter-wrap .sort-icon-desc {
-  background-image: url('../src/assets/img/icon-desc.png');
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=');
 }
 .big-table-filter-wrap .filter-header {
   padding: 0 13px;
@@ -1131,6 +1126,16 @@ body > .vxe-table--tooltip-wrapper {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.n-dialog__title .svg-wrap {
+  margin: 0 0 0 auto;
+}
+.n-dialog__title .svg-wrap svg {
+  font-size: 14px;
+  cursor: pointer;
+}
+.n-dialog__title .svg-wrap svg + svg {
+  margin-left: 16px;
+}
 .c-chunk-upload-container {
   width: 100%;
   height: 100%;
@@ -1422,8 +1427,10 @@ body > .vxe-table--tooltip-wrapper {
   position: relative;
   top: 50%;
   left: 50%;
+  font-size: 46px;
   transform: translate(-50%, -50%);
   transition: all 0.25s ease-out;
+  cursor: pointer;
 }
 .c-icon-wrap .theme_outlined {
   display: inline-block;
@@ -1486,7 +1493,7 @@ body > .vxe-table--tooltip-wrapper {
   border-color: #5585f5;
 }
 .c-chunk-uploader-btn:hover .guage-img {
-  content: url('../src/assets/img/video_hover.png');
+  content: url('data:image/png;base64,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');
 }
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-icon,
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text p,
@@ -1550,6 +1557,12 @@ body > .vxe-table--tooltip-wrapper {
   max-width: 300px;
   border-bottom: 1px solid #d9d9d9;
 }
+.c-choice-wrap .choose-other {
+  flex: 1;
+}
+.c-choice-wrap .other-span {
+  word-break: break-all;
+}
 .c-choice-wrap.choice-wrap-1 label {
   width: 100%;
 }
@@ -1613,8 +1626,8 @@ body > .vxe-table--tooltip-wrapper {
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale .n-form-item-label {
-  font-weight: 700;
+.c-scale.c-scale-nobtn {
+  padding-bottom: 4px;
 }
 .c-scale .scale-container {
   width: 100%;
@@ -1629,6 +1642,9 @@ body > .vxe-table--tooltip-wrapper {
 .c-scale .scale-container.scale-container-nopadding {
   height: 100%;
 }
+.c-scale .scale-container.scale-container-hasfooter {
+  height: calc(100% - 50px);
+}
 .c-scale .scale-container::-webkit-scrollbar {
   width: 10px;
   height: 6px;
@@ -1666,7 +1682,6 @@ body > .vxe-table--tooltip-wrapper {
   width: 100%;
 }
 .main {
-  padding: 0 16px;
   box-sizing: border-box;
 }
 .main .scale-label-required {
@@ -1674,6 +1689,7 @@ body > .vxe-table--tooltip-wrapper {
 }
 .main .required-text {
   color: #e02828;
+  font-weight: 700;
 }
 .main .evalute-label {
   display: inline-block;
@@ -1700,12 +1716,13 @@ body > .vxe-table--tooltip-wrapper {
   position: absolute;
   bottom: 0;
   left: 0;
+  display: flex;
+  align-items: center;
   width: 100%;
-  border-top: 1px solid #e8e8e8;
-  padding-top: 12px;
   height: 50px;
-  box-sizing: border-box;
   background: #fff;
+  box-sizing: border-box;
+  border-top: 1px solid #e8e8e8;
 }
 .footer .n-button + .n-button {
   margin-left: 8px;
@@ -2082,13 +2099,13 @@ body > .vxe-table--tooltip-wrapper {
 }
 .c-scale-collection.prompt-message.is-strong {
   color: #ff1818;
-  padding: 1px 0 0 35px;
+  padding: 8px 8px 8px 35px;
 }
 .c-scale-collection.prompt-message .prompt-icon {
   font-size: 18px;
   position: absolute;
-  left: 0;
-  top: 0;
+  left: 8px;
+  top: 8px;
 }
 .c-scale-collection.prompt-message .prompt-message-content {
   line-height: 16px;
@@ -2271,6 +2288,10 @@ body > .vxe-table--tooltip-wrapper {
   padding-top: 20px;
   line-height: 40px;
 }
+.video-js {
+  width: 100%;
+  height: 100%;
+}
 .video-js .vjs-time-control {
   display: block;
 }
@@ -2331,7 +2352,6 @@ body > .vxe-table--tooltip-wrapper {
 .vod-wrap .icon-play {
   color: #fff;
   opacity: 0.8;
-  transform: scale3d(2, 2, 2);
   transition: all 0.25s ease-out;
 }
 .player-wrap {
@@ -2383,7 +2403,6 @@ body > .vxe-table--tooltip-wrapper {
 .c-video-modal .c-playervod-wrap .vod-wrap .icon-play {
   color: #fff;
   opacity: 0.8;
-  transform: scale3d(2, 2, 2);
   transition: all 0.25s ease-out;
 }
 .c-video-modal .c-playervod-wrap .player-wrap {
@@ -2391,18 +2410,21 @@ body > .vxe-table--tooltip-wrapper {
   height: 100%;
   width: 100%;
 }
-.c-video-modal .c-player-video-modal .preview-wrap {
+.c-player-video-modal .preview-wrap {
   height: 100%;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.c-video-modal .c-player-video-modal .preview-wrap .preview {
+.c-player-video-modal .preview-wrap .preview {
   padding: 20px 0;
   width: 60vw;
   height: 100%;
 }
+.c-player-video-modal .preview-wrap .video-container {
+  height: 100%;
+}
 .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
 .vxe-table--body-wrapper::-webkit-scrollbar {
   width: 10px;
@@ -2596,6 +2618,9 @@ body > .vxe-table--tooltip-wrapper {
   display: grid !important;
   grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
   gap: 0 8px;
+  max-height: var(--form-height);
+  overflow-y: auto;
+  position: relative;
 }
 .form-render__formItem {
   grid-column: span var(--form-item-column) / span var(--form-item-column);
@@ -2603,10 +2628,10 @@ body > .vxe-table--tooltip-wrapper {
 .form-render__formItem .n-date-picker {
   width: 100%;
 }
-.form-render__collapse {
+.form-render__linebar {
   grid-column: span var(--column) / span var(--column);
 }
-.form-render__collapseHeader {
+.form-render__linebarHeader {
   cursor: pointer;
   display: flex;
   background: #fafafa;
@@ -2616,7 +2641,7 @@ body > .vxe-table--tooltip-wrapper {
   margin-bottom: 8px;
   border: 1px solid #d9d9d9;
 }
-.form-render__collapseItem {
+.form-render__linebarItem {
   display: grid !important;
   grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
   gap: 0 8px;
@@ -2624,7 +2649,7 @@ body > .vxe-table--tooltip-wrapper {
 .form-render__inputGroup {
   grid-column: span var(--column) / span var(--column);
   display: flex;
-  align-items: flex-end;
+  align-items: flex-start;
 }
 .form-render__inputGroup > div {
   flex: 1;

package/es/packages/index.js

@@ -43,6 +43,9 @@ export { useFormValidator } from './form-render/src/hooks/useFormValidator.js';
 export { BusinessCollector, useBusinessBinding } from './form-render/src/hooks/useBusinessBinding.js';
 export { ContextCollector, useChangeContext } from './form-render/src/hooks/useChangeContext.js';
 export { FormItemDepsCollector, useFormItemDeps } from './form-render/src/hooks/useFormItemDeps.js';
+export { useInitialData } from './form-render/src/hooks/useInitialData.js';
+export { useAnchor } from './form-render/src/hooks/useAnchor.js';
+export { useFormContext } from './form-render/src/hooks/useFormContext.js';
 
 const components = {
   CGrid: Grid,