cnhis-design-vue 3.1.12-beta.6 → 3.1.12-beta.7

package/es/packages/fabric-chart/style/index.css

@@ -0,0 +1,43 @@
+.c-fabric-chart-popup-tip,
+.c-fabric-chart-popup-menu {
+  position: absolute;
+  z-index: 1001;
+  display: flex;
+  flex-flow: column nowrap;
+  margin: 0;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+.c-fabric-chart-popup-tip > li,
+.c-fabric-chart-popup-menu > li {
+  list-style: none;
+}
+.c-fabric-chart-popup-tip {
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.7);
+}
+.c-fabric-chart-popup-tip > li {
+  color: #fff;
+}
+.c-fabric-chart-popup-menu {
+  padding: 8px 5px !important;
+  z-index: 1001;
+  background: #fff;
+  box-shadow: 0 2px 12px 0 rgba(56, 56, 56, 0.2);
+  border: 1px solid #e2e6ed;
+  border-radius: 2px;
+}
+.c-fabric-chart-popup-menu > li {
+  padding: 5px;
+  background: #fff;
+  cursor: pointer;
+}
+.c-fabric-chart-popup-menu > li:hover {
+  background: #f0f7ff;
+}
+.c-fabric-chart-popup-menu > li.no-click {
+  cursor: default;
+}
+.c-fabric-chart-popup-menu > li.no-click:hover {
+  background: #fff;
+}

package/es/packages/form-render/src/components/renderer/cascader.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { isField } from '@formily/core';
 import { isObject, isString } from 'lodash-es';
 import { InjectAsyncQueue } from '../../constants/index.js';
 import { assignUpdateValue, formRenderLog, arrayed } from '../../utils/index.js';
@@ -33,6 +34,9 @@ const script = defineComponent({
       title
     } = useFormField();
     const asyncQueue = inject(InjectAsyncQueue);
+    const {
+      field
+    } = useFormField();
     async function fetchData(option) {
       var _a;
       if (!option && _options.value)
@@ -99,9 +103,13 @@ const script = defineComponent({
       return _options.value || props.options || [];
     });
     watch(() => props.value, (n, o) => {
+      var _a, _b;
       if (n != null && o == null) {
         fetchData();
       }
+      if (isField(field.value) && field.value.visited) {
+        (_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a);
+      }
     }, {
       immediate: true
     });
@@ -139,6 +147,11 @@ const script = defineComponent({
       show.value = !!v;
       v && fetchData();
     }
+    function onFocus() {
+      if (isField(field.value)) {
+        field.value.visited = true;
+      }
+    }
     return () => {
       return createVNode(NCascader, {
         "value": _value.value,
@@ -150,6 +163,7 @@ const script = defineComponent({
         "options": renderOptions.value,
         "checkStrategy": "child",
         "onLoad": fetchData,
+        "onFocus": onFocus,
         "onUpdate:show": updateShow
       }, slots);
     };

package/es/packages/form-render/src/components/renderer/checkbox.d.ts

@@ -9,6 +9,7 @@ export declare const CHECKBOX: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onChange: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<AnyObject[]>;
@@ -18,6 +19,7 @@ export declare const CHECKBOX: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onChange: {};
 }>>, {
     options: AnyObject[];
     vertical: boolean;

package/es/packages/form-render/src/components/renderer/checkbox.js

@@ -13,12 +13,11 @@ const script = defineComponent({
     vertical: {
       type: Boolean,
       default: false
-    }
+    },
+    onChange: {}
   },
-  setup(props, {
-    attrs
-  }) {
-    return () => createVNode(NCheckboxGroup, attrs, {
+  setup(props) {
+    return () => createVNode(NCheckboxGroup, null, {
       default: () => [createVNode(NSpace, {
         "vertical": props.vertical
       }, {

package/es/packages/form-render/src/components/renderer/date.js

@@ -32,20 +32,52 @@ const DATE = connect(script, mapProps((props, field) => {
         max_date
       } = props.validate;
       if (min_date || max_date) {
-        _props.isDateDisabled = (time) => {
-          let disabled = false;
-          if (min_date === "currTime") {
-            disabled = time < Date.now();
-          }
-          if (max_date === "currTime") {
-            disabled = time > Date.now();
-          }
-          return disabled;
-        };
+        _props.isDateDisabled = isDateDisabled;
+        _props.isTimeDisabled = isTimeDisabled;
       }
     }
   }
   return _props;
+  function minCurrentDate() {
+    var _a;
+    return ((_a = props.validate) == null ? void 0 : _a.min_date) === "currTime";
+  }
+  function maxCurrentDate() {
+    var _a;
+    return ((_a = props.validate) == null ? void 0 : _a.max_date) === "currTime";
+  }
+  function isDateDisabled(time) {
+    return minCurrentDate() && time < yesterday() || maxCurrentDate() && time > Date.now();
+    function yesterday() {
+      return Date.now() - 24 * 60 * 60 * 1e3;
+    }
+  }
+  function isTimeDisabled(time) {
+    const checkDate = new Date(time);
+    const currentDate = new Date();
+    return {
+      isHourDisabled,
+      isMinuteDisabled
+    };
+    function checkHour() {
+      return checkDate.getHours();
+    }
+    function currentHour() {
+      return currentDate.getHours();
+    }
+    function currentMinute() {
+      return currentDate.getMinutes();
+    }
+    function isHourDisabled(hour) {
+      return minCurrentDate() && hour < currentHour() || maxCurrentDate() && hour > currentHour();
+    }
+    function isMinuteDisabled(minute) {
+      if (checkHour() === currentHour()) {
+        return minCurrentDate() && minute < currentMinute() || maxCurrentDate() && minute > currentMinute();
+      }
+      return minCurrentDate() && checkHour() < currentHour() || maxCurrentDate() && checkHour() > currentHour();
+    }
+  }
 }));
 
 export { DATE };

package/es/packages/form-render/src/components/renderer/select.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { isField } from '@formily/core';
 import { cloneDeep } from 'lodash-es';
 import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../../constants/index.js';
 import { assignUpdateValue, formRenderLog, generateUrlParams } from '../../utils/index.js';
@@ -97,9 +98,13 @@ const script = defineComponent({
       immediate: true
     });
     watch(() => props.value, (n, o) => {
+      var _a, _b;
       if (o == null && n != null) {
         fetchData();
       }
+      if (isField(field.value) && field.value.visited) {
+        (_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a);
+      }
     }, {
       immediate: true
     });
@@ -116,6 +121,11 @@ const script = defineComponent({
       var _a, _b;
       return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
     });
+    function onFocus() {
+      if (isField(field.value)) {
+        field.value.visited = true;
+      }
+    }
     return () => createVNode(NSelect, {
       "value": props.value,
       "onUpdate:value": update,
@@ -125,6 +135,7 @@ const script = defineComponent({
       "valueField": valueKey.value,
       "onSearch": fetchData,
       "onUpdate:show": (show) => show && fetchData(),
+      "onFocus": onFocus,
       "options": parsedOptions.value
     }, slots);
   }

package/es/packages/form-render/src/components/renderer/simpleComponent.js

@@ -47,7 +47,6 @@ const buttonScript = (props) => {
     const cb = propFor("onClick") || ((_a2 = propFor("componentProps")) == null ? void 0 : _a2.onClick);
     return () => isFunction(cb) && cb(props.fieldItem);
   }
-  console.log(props.content);
   return createVNode(NButton, mergeProps((_a = propFor("componentProps")) != null ? _a : {}, {
     "onClick": onClick()
   }), _isSlot(_slot = createSlot(props.content, props)) ? _slot : {

package/es/packages/index.css

@@ -2732,3 +2732,46 @@ body > .vxe-table--tooltip-wrapper {
   display: flex !important;
   gap: 0 8px;
 }
+.c-fabric-chart-popup-tip,
+.c-fabric-chart-popup-menu {
+  position: absolute;
+  z-index: 1001;
+  display: flex;
+  flex-flow: column nowrap;
+  margin: 0;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+.c-fabric-chart-popup-tip > li,
+.c-fabric-chart-popup-menu > li {
+  list-style: none;
+}
+.c-fabric-chart-popup-tip {
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.7);
+}
+.c-fabric-chart-popup-tip > li {
+  color: #fff;
+}
+.c-fabric-chart-popup-menu {
+  padding: 8px 5px !important;
+  z-index: 1001;
+  background: #fff;
+  box-shadow: 0 2px 12px 0 rgba(56, 56, 56, 0.2);
+  border: 1px solid #e2e6ed;
+  border-radius: 2px;
+}
+.c-fabric-chart-popup-menu > li {
+  padding: 5px;
+  background: #fff;
+  cursor: pointer;
+}
+.c-fabric-chart-popup-menu > li:hover {
+  background: #f0f7ff;
+}
+.c-fabric-chart-popup-menu > li.no-click {
+  cursor: default;
+}
+.c-fabric-chart-popup-menu > li.no-click:hover {
+  background: #fff;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "cnhis-design-vue",
 	"private": false,
-	"version": "3.1.12-beta.6",
+	"version": "3.1.12-beta.7",
 	"license": "ISC",
 	"module": "es/packages/index.js",
 	"main": "es/packages/index.js",