@jetlinks-web/components 3.1.5 → 3.1.6

package/es/Search/Item.js

@@ -50,6 +50,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "columnsValues": "setup-maybe-ref",
   "targetComponents": "setup-ref",
   "valueOptions": "setup-ref",
+  "btwKeys": "setup-const",
   "prefixCls": "setup-ref",
   "wrapSSR": "setup-maybe-ref",
   "hashId": "setup-maybe-ref",
@@ -131,6 +132,7 @@ const __sfc_main__ = _defineComponent({
         const columnsValues = useDefaultValue();
         const targetComponents = ref({});
         const valueOptions = ref();
+        const btwKeys = ['in', 'nin'];
         const prefixCls = computed(() => 'JSearch');
         const [wrapSSR, hashId] = useSearchStyle(prefixCls);
         const termTypeOptions = computed(() => {
@@ -185,29 +187,40 @@ const __sfc_main__ = _defineComponent({
             onValueChange();
         };
         const onTermTypeChange = () => {
+            const isBtw = btwKeys.includes(termsModel.termType);
+            if (!isBtw && Array.isArray(termsModel.value)) {
+                termsModel.value = termsModel.value[0];
+                onValueChange();
+            }
+            else if (isBtw && !Array.isArray(termsModel.value)) {
+                termsModel.value = [termsModel.value];
+                onValueChange();
+            }
             emit('update:termType', termsModel.termType);
         };
         const onValueChange = () => {
             emit('update:value', termsModel.value);
         };
         watch(() => termsModel.termType, () => {
-            const isBtw = ['in', 'nin'].includes(termsModel.termType);
+            const isBtw = btwKeys.includes(termsModel.termType);
             if (targetComponents.value.type === componentType.treeSelect) {
                 targetComponents.value.props = {
-                    multiple: isBtw,
                     ...targetComponents.value.props,
+                    multiple: isBtw,
                 };
             }
             else if (targetComponents.value.type === componentType.select) {
                 targetComponents.value.props = {
-                    mode: isBtw ? 'multiple' : 'combobox',
                     ...targetComponents.value.props,
+                    mode: isBtw ? 'multiple' : 'combobox',
                 };
             }
         }, { immediate: true });
-        watch(() => termsModel.column, async () => {
+        watch(() => [termsModel.column, columnsMap.value], async () => {
             // 根据column从map中获取record，再解析search属性
             const record = findItemByColumn();
+            if (!record)
+                return;
             const options = findOptionsByColumn();
             targetComponents.value = componentProps(record.search);
             targetComponents.value.label = record.title;
@@ -218,7 +231,7 @@ const __sfc_main__ = _defineComponent({
             else {
                 await handleColumnsOptions(record.search.options);
             }
-        }, { immediate: true });
+        }, { immediate: true, deep: true });
         watch(() => [props.value, props.termType, props.column, props.type], () => {
             termsModel.value = props.value;
             termsModel.termType = props.termType;

package/es/Search/setting.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { TreeSelect, Select, Input, InputNumber, DatePicker, TimePicker, InputPassword, RangePicker, TimeRangePicker } from 'ant-design-vue';
 import { filterSelectNode, filterTreeSelectNode } from "./util";
@@ -108,7 +107,7 @@ export var termType = function termType(locale) {
 };
 export var componentType = {
   input: 'input',
-  inputNumber: 'inputNumber',
+  inputNumber: 'number',
   password: 'password',
   switch: 'switch',
   radio: 'radio',
@@ -183,7 +182,7 @@ export var componentProps = function componentProps(record) {
       return {
         type: type,
         name: TreeSelect,
-        props: _objectSpread(_defineProperty({
+        props: _objectSpread({
           showSearch: true,
           height: 350,
           fieldNames: {
@@ -193,9 +192,7 @@ export var componentProps = function componentProps(record) {
           filterTreeNode: function filterTreeNode(v, option) {
             return filterTreeSelectNode(v, option);
           }
-        }, "filterTreeNode", function filterTreeNode(v, option) {
-          return filterTreeSelectNode(v, option);
-        }), _props)
+        }, _props)
       };
     case componentType.select:
       return {

package/lib/Search/Item.js

@@ -50,6 +50,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "columnsValues": "setup-maybe-ref",
   "targetComponents": "setup-ref",
   "valueOptions": "setup-ref",
+  "btwKeys": "setup-const",
   "prefixCls": "setup-ref",
   "wrapSSR": "setup-maybe-ref",
   "hashId": "setup-maybe-ref",
@@ -131,6 +132,7 @@ const __sfc_main__ = _defineComponent({
         const columnsValues = useDefaultValue();
         const targetComponents = ref({});
         const valueOptions = ref();
+        const btwKeys = ['in', 'nin'];
         const prefixCls = computed(() => 'JSearch');
         const [wrapSSR, hashId] = useSearchStyle(prefixCls);
         const termTypeOptions = computed(() => {
@@ -185,29 +187,40 @@ const __sfc_main__ = _defineComponent({
             onValueChange();
         };
         const onTermTypeChange = () => {
+            const isBtw = btwKeys.includes(termsModel.termType);
+            if (!isBtw && Array.isArray(termsModel.value)) {
+                termsModel.value = termsModel.value[0];
+                onValueChange();
+            }
+            else if (isBtw && !Array.isArray(termsModel.value)) {
+                termsModel.value = [termsModel.value];
+                onValueChange();
+            }
             emit('update:termType', termsModel.termType);
         };
         const onValueChange = () => {
             emit('update:value', termsModel.value);
         };
         watch(() => termsModel.termType, () => {
-            const isBtw = ['in', 'nin'].includes(termsModel.termType);
+            const isBtw = btwKeys.includes(termsModel.termType);
             if (targetComponents.value.type === componentType.treeSelect) {
                 targetComponents.value.props = {
-                    multiple: isBtw,
                     ...targetComponents.value.props,
+                    multiple: isBtw,
                 };
             }
             else if (targetComponents.value.type === componentType.select) {
                 targetComponents.value.props = {
-                    mode: isBtw ? 'multiple' : 'combobox',
                     ...targetComponents.value.props,
+                    mode: isBtw ? 'multiple' : 'combobox',
                 };
             }
         }, { immediate: true });
-        watch(() => termsModel.column, async () => {
+        watch(() => [termsModel.column, columnsMap.value], async () => {
             // 根据column从map中获取record，再解析search属性
             const record = findItemByColumn();
+            if (!record)
+                return;
             const options = findOptionsByColumn();
             targetComponents.value = componentProps(record.search);
             targetComponents.value.label = record.title;
@@ -218,7 +231,7 @@ const __sfc_main__ = _defineComponent({
             else {
                 await handleColumnsOptions(record.search.options);
             }
-        }, { immediate: true });
+        }, { immediate: true, deep: true });
         watch(() => [props.value, props.termType, props.column, props.type], () => {
             termsModel.value = props.value;
             termsModel.termType = props.termType;

package/lib/Search/setting.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.typeOptions = exports.termType = exports.searchProps = exports.optionsMapKey = exports.componentType = exports.componentProps = exports.TermTypeMap = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antDesignVue = require("ant-design-vue");
 var _util = require("./util");
 var optionsMapKey = exports.optionsMapKey = Symbol('searchOptionsMap');
@@ -115,7 +114,7 @@ var termType = exports.termType = function termType(locale) {
 };
 var componentType = exports.componentType = {
   input: 'input',
-  inputNumber: 'inputNumber',
+  inputNumber: 'number',
   password: 'password',
   switch: 'switch',
   radio: 'radio',
@@ -157,7 +156,7 @@ var componentProps = exports.componentProps = function componentProps(record) {
       return {
         type: type,
         name: _antDesignVue.TimePicker,
-        props: (0, _objectSpread3.default)({
+        props: (0, _objectSpread2.default)({
           valueFormat: 'HH:mm:ss'
         }, _props)
       };
@@ -165,7 +164,7 @@ var componentProps = exports.componentProps = function componentProps(record) {
       return {
         type: type,
         name: _antDesignVue.DatePicker,
-        props: (0, _objectSpread3.default)({
+        props: (0, _objectSpread2.default)({
           valueFormat: 'YYYY-MM-DD HH:mm:ss'
         }, _props)
       };
@@ -173,7 +172,7 @@ var componentProps = exports.componentProps = function componentProps(record) {
       return {
         type: type,
         name: _antDesignVue.TimeRangePicker,
-        props: (0, _objectSpread3.default)({
+        props: (0, _objectSpread2.default)({
           valueFormat: 'HH:mm:ss'
         }, _props)
       };
@@ -181,7 +180,7 @@ var componentProps = exports.componentProps = function componentProps(record) {
       return {
         type: type,
         name: _antDesignVue.RangePicker,
-        props: (0, _objectSpread3.default)({
+        props: (0, _objectSpread2.default)({
           valueFormat: 'YYYY-MM-DD HH:mm:ss',
           showTime: true
         }, _props)
@@ -190,7 +189,7 @@ var componentProps = exports.componentProps = function componentProps(record) {
       return {
         type: type,
         name: _antDesignVue.TreeSelect,
-        props: (0, _objectSpread3.default)((0, _defineProperty2.default)({
+        props: (0, _objectSpread2.default)({
           showSearch: true,
           height: 350,
           fieldNames: {
@@ -200,15 +199,13 @@ var componentProps = exports.componentProps = function componentProps(record) {
           filterTreeNode: function filterTreeNode(v, option) {
             return (0, _util.filterTreeSelectNode)(v, option);
           }
-        }, "filterTreeNode", function filterTreeNode(v, option) {
-          return (0, _util.filterTreeSelectNode)(v, option);
-        }), _props)
+        }, _props)
       };
     case componentType.select:
       return {
         type: type,
         name: _antDesignVue.Select,
-        props: (0, _objectSpread3.default)({
+        props: (0, _objectSpread2.default)({
           showSearch: true,
           // mode: isBtw ? 'multiple' : 'combobox',
           filterOption: function filterOption(v, option) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -154,8 +154,8 @@
     "webpack-dev-server": "^4.0.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
-    "@jetlinks-web/hooks": "^1.1.1",
     "@jetlinks-web/constants": "^1.0.9",
+    "@jetlinks-web/hooks": "^1.1.1",
     "@jetlinks-web/utils": "^1.2.12"
   },
   "publishConfig": {