@epie/bi-crud 2.0.14 → 2.0.17

package/lib/bi-crud.esm.js

@@ -9853,7 +9853,7 @@ function Parse (method, {
   }
 }
 
-function _isSlot$3(s) {
+function _isSlot$5(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 
@@ -10105,7 +10105,7 @@ function useRender$3(ctx) {
 
       return createVNode(resolveComponent("el-col"), mergeProps({
         "span": baseSpan
-      }, e), _isSlot$3(FormItem) ? FormItem : {
+      }, e), _isSlot$5(FormItem) ? FormItem : {
         default: () => [FormItem]
       });
     }); // el-form
@@ -10124,7 +10124,7 @@ function useRender$3(ctx) {
       default: () => {
         return ctx.inline ? children : withDirectives(createVNode(resolveComponent("el-row"), {
           "gutter": 10
-        }, _isSlot$3(children) ? children : {
+        }, _isSlot$5(children) ? children : {
           default: () => [children]
         }), [[resolveDirective("loading"), ctx.loading]]);
       }
@@ -10152,14 +10152,14 @@ function useRender$3(ctx) {
           "onClick": () => {
             ctx.submit();
           }
-        }, _isSlot$3(saveButtonText) ? saveButtonText : {
+        }, _isSlot$5(saveButtonText) ? saveButtonText : {
           default: () => [saveButtonText]
         });
       } else if (vnode == "close") {
         return createVNode(resolveComponent("el-button"), {
           "size": style.size,
           "onClick": ctx.close
-        }, _isSlot$3(closeButtonText) ? closeButtonText : {
+        }, _isSlot$5(closeButtonText) ? closeButtonText : {
           default: () => [closeButtonText]
         });
       } else {
@@ -11427,7 +11427,7 @@ var ExportBtn = defineComponent({
   }
 });
 
-function _isSlot$2(s) {
+function _isSlot$4(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 
@@ -11553,7 +11553,7 @@ var SearchKey = defineComponent({
       "modelValue": ctx.selectField,
       "onUpdate:modelValue": $event => ctx.selectField = $event,
       "onChange": ctx.onFieldChange
-    }, _isSlot$2(_slot = ctx.fieldList.map((e, i) => createVNode(resolveComponent("el-option"), {
+    }, _isSlot$4(_slot = ctx.fieldList.map((e, i) => createVNode(resolveComponent("el-option"), {
       "key": i,
       "label": e.label,
       "value": e.value
@@ -11805,6 +11805,10 @@ const ContextMenu = {
 
 };
 
+function _isSlot$3(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
 function useElTable({
   Table
 }) {
@@ -12224,7 +12228,17 @@ function useRender$2({
                         default: () => d.label
                       });
                     } else if (d) {
-                      return d.label;
+                      return createVNode(resolveComponent("el-tag"), {
+                        "style": "margin: 0 2px"
+                      }, {
+                        default: () => [d.label]
+                      });
+                    } else if (!!v) {
+                      return createVNode(resolveComponent("el-tag"), {
+                        "style": "margin: 0 2px"
+                      }, _isSlot$3(v) ? v : {
+                        default: () => [v]
+                      });
                     } else {
                       return v;
                     }
@@ -12554,11 +12568,15 @@ var Upsert = defineComponent({
 
 
           crud.service[reqName](data).then(res => {
-            ElMessage.success("保存成功");
-            done();
-            close();
-            crud.refresh();
-            resolve(res);
+            if (res && res.code === 0) {
+              ElMessage.success("保存成功");
+              done();
+              close();
+              crud.refresh();
+              resolve(res);
+            } else {
+              done();
+            }
           }).catch(err => {
             ElMessage.error(err.msg);
             done();
@@ -13121,7 +13139,7 @@ var ErrorMessage = defineComponent({
 
 });
 
-function _isSlot$1(s) {
+function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 
@@ -13135,7 +13153,7 @@ function useRender$1(ctx) {
     let _slot;
 
     // 表单项列表
-    const children = ctx.items.map(e => {
+    const children = ctx.items?.map(e => {
       // 是否隐藏
       e._hidden = Parse("hidden", {
         value: e.hidden,
@@ -13188,10 +13206,10 @@ function useRender$1(ctx) {
         "lg": {
           span: 6
         }
-      }, e), _isSlot$1(FormItem) ? FormItem : {
+      }, e), _isSlot$2(FormItem) ? FormItem : {
         default: () => [FormItem]
       });
-    });
+    }).filter(Boolean);
 
     const op = createVNode(resolveComponent("el-col"), {
       "span": 6,
@@ -13208,7 +13226,7 @@ function useRender$1(ctx) {
       default: () => [createVNode(resolveComponent("el-form-item"), {
         "label-width": "auto",
         "label": ""
-      }, _isSlot$1(_slot = renderOp()) ? _slot : {
+      }, _isSlot$2(_slot = renderOp()) ? _slot : {
         default: () => [_slot]
       })]
     }); // el-form
@@ -13221,7 +13239,11 @@ function useRender$1(ctx) {
       "label-width": "100px",
       "inline": true,
       "model": ctx.form
-    }, null); //TODO:: 支持props
+    }, null);
+
+    if ((children?.length > 0 || 0) === 0) {
+      return createVNode("span", null, null);
+    } //TODO:: 支持props
 
 
     return h(ElForm, {}, {
@@ -13240,7 +13262,7 @@ function useRender$1(ctx) {
       search: "搜索",
       reset: "重置"
     };
-    return ctx.op.map(e => {
+    return ctx.op?.map(e => {
       if (ButtonText[e]) {
         return createVNode(resolveComponent("el-button"), {
           size: "default",
@@ -13257,37 +13279,32 @@ function useRender$1(ctx) {
         });
       }
     });
-  } // 渲染表单按钮
+  }
 
   return {
-    renderForm,
-    renderOp
+    renderForm //  renderOp
+
   };
 }
 
-var InlineSearch = defineComponent({
-  name: "epie-inline-search",
-  props: {
-    // 表单值
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    // 表单项
-    items: {
-      type: Array,
-      default: () => []
-    },
-    // 操作按钮 ['search', 'reset', 'clear', 'close']
-    op: {
-      type: Array,
-      default: () => ["search", "reset"]
-    },
-    // 搜索钩子 { data, { next, close } }
-    onSearch: Function
+const epieInlineSearchProps = () => ({
+  data: {
+    type: Object,
+    default: () => {}
   },
+  items: {
+    type: Array,
+    default: () => []
+  },
+  op: {
+    type: Array,
+    default: () => ["search", "reset"]
+  },
+  onSearch: Function
+});
+var EpieInlineSearch = defineComponent({
+  name: "epie-inline-search",
+  props: epieInlineSearchProps(),
 
   setup(props, {
     emit
@@ -13339,7 +13356,7 @@ var InlineSearch = defineComponent({
     const {
       renderForm
     } = useRender$1(ctx);
-    return ctx.items.length > 0 && createVNode("div", {
+    return (ctx.items?.length || 0) > 0 && createVNode("div", {
       "class": "epie-inline-search"
     }, [createVNode("div", {
       "class": "epie-inline-search__form"
@@ -13348,6 +13365,10 @@ var InlineSearch = defineComponent({
 
 });
 
+function _isSlot$1(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
 function useRender({
   columns,
   data,
@@ -13434,7 +13455,17 @@ function useRender({
                       default: () => d.label
                     });
                   } else if (d) {
-                    return d.label;
+                    return createVNode(resolveComponent("el-tag"), {
+                      "style": "margin: 0 2px"
+                    }, {
+                      default: () => [d.label]
+                    });
+                  } else if (!!v) {
+                    return createVNode(resolveComponent("el-tag"), {
+                      "style": "margin: 0 2px"
+                    }, _isSlot$1(v) ? v : {
+                      default: () => [v]
+                    });
                   } else {
                     return v;
                   }
@@ -13467,31 +13498,6 @@ function useRender({
   };
 }
 
-// export const formItemProps = () => ({
-//   htmlFor: String,
-//   prefixCls: String,
-//   label: PropTypes.any,
-//   help: PropTypes.any,
-//   extra: PropTypes.any,
-//   labelCol: { type: Object as PropType<ColProps & HTMLAttributes> },
-//   wrapperCol: { type: Object as PropType<ColProps & HTMLAttributes> },
-//   hasFeedback: { type: Boolean, default: false },
-//   colon: { type: Boolean, default: undefined },
-//   labelAlign: PropTypes.oneOf(tuple('left', 'right')),
-//   prop: { type: [String, Number, Array] as PropType<string | number | Array<string | number>> },
-//   name: { type: [String, Number, Array] as PropType<string | number | Array<string | number>> },
-//   rules: [Array, Object] as PropType<Rule[] | Rule>,
-//   autoLink: { type: Boolean, default: true },
-//   required: { type: Boolean, default: undefined },
-//   validateFirst: { type: Boolean, default: undefined },
-//   validateStatus: PropTypes.oneOf(tuple('', 'success', 'warning', 'error', 'validating')),
-//   validateTrigger: { type: [String, Array] as PropType<string | string[]> },
-//   messageVariables: { type: Object as PropType<Record<string, string>> },
-//   hidden: Boolean,
-//   noStyle: Boolean,
-// });
-// export type EpieDescriptionsProps = Partial<ExtractPropTypes<ReturnType<typeof epieDescriptionsProps>>>;
-
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
@@ -13756,6 +13762,131 @@ var EpieDescriptions = defineComponent({
 // }
 // });
 
+const epieDurationProps = () => ({
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  unit: {
+    type: String,
+    default: 'second'
+  },
+  max: {
+    type: Number,
+    default: 0
+  },
+  min: {
+    type: Number,
+    default: 0
+  }
+});
+var Unit;
+
+(function (Unit) {
+  Unit[Unit["Second"] = 1] = "Second";
+  Unit[Unit["Minute"] = 2] = "Minute";
+  Unit[Unit["Hour"] = 3] = "Hour";
+  Unit[Unit["Day"] = 4] = "Day";
+})(Unit || (Unit = {}));
+
+const calcDisplayValue = (realValue, unit) => {
+  let ret = realValue;
+
+  if (unit == Unit.Minute) {
+    ret = Math.round(ret / 60);
+  } else if (unit == Unit.Hour) {
+    ret = Math.round(ret / 60 / 60);
+  } else if (unit == Unit.Day) {
+    ret = Math.round(ret / 60 / 60 / 24);
+  }
+
+  return ret;
+};
+
+const calcRealValue = (display, unit) => {
+  let ret = display;
+
+  if (unit == Unit.Minute) {
+    ret = ret * 60;
+  } else if (unit == Unit.Hour) {
+    ret = ret * 60 * 60;
+  } else if (unit == Unit.Day) {
+    ret = ret * 60 * 60 * 24;
+  }
+
+  return ret;
+};
+
+var EpieDuration = defineComponent({
+  name: "epie-duration",
+  props: epieDurationProps(),
+  emits: ["update:modelValue"],
+
+  setup(props, {
+    emit
+  }) {
+    const defUnit = (() => {
+      if (props.unit == 'day') {
+        return Unit.Day;
+      } else if (props.unit == 'hour') {
+        return Unit.Hour;
+      } else if (props.unit == 'minute') {
+        return Unit.Minute;
+      } else if (props.unit == 'second') {
+        return Unit.Second;
+      }
+
+      return Unit.Second;
+    })();
+
+    const realValue = computed(() => props.modelValue);
+    const unitValue = ref(defUnit); // display value 只有在修改输入框的时候才生效, 其他时候不生效
+
+    const displayValue = ref(calcDisplayValue(realValue.value, unitValue.value));
+    watch(() => realValue.value, v => {
+      displayValue.value = calcDisplayValue(realValue.value, unitValue.value);
+    });
+    watch([displayValue, unitValue], ([newDisplayValue, newUnitValue], [oldDisplayValue, oldUnitValue]) => {
+      emit("update:modelValue", calcRealValue(displayValue.value, unitValue.value)); // console.log(`old ${oldDisplayValue}${UnitName[oldUnitValue]}, new ${newDisplayValue}${UnitName[newUnitValue]}`)
+    });
+    return {
+      unitValue,
+      displayValue,
+      realValue
+    };
+  },
+
+  render(ctx) {
+    return h(createVNode(resolveComponent("el-input"), {
+      "modelValue": ctx.displayValue,
+      "onUpdate:modelValue": $event => ctx.displayValue = $event
+    }, null), {}, {
+      default: () => createVNode(Fragment, null, null),
+      append: () => createVNode(resolveComponent("el-select"), {
+        "modelValue": ctx.unitValue,
+        "onUpdate:modelValue": $event => ctx.unitValue = $event,
+        "placeholder": "单位",
+        "style": "width: 60px"
+      }, {
+        default: () => [createVNode(resolveComponent("el-option"), {
+          "label": "秒",
+          "value": 1
+        }, null), createVNode(resolveComponent("el-option"), {
+          "label": "分",
+          "value": 2
+        }, null), createVNode(resolveComponent("el-option"), {
+          "label": "时",
+          "value": 3
+        }, null), createVNode(resolveComponent("el-option"), {
+          "label": "天",
+          "value": 4
+        }, null)]
+      })
+    });
+  }
+
+});
+
 const components = {
   Crud: Crud$1,
   AddBtn,
@@ -13775,9 +13906,10 @@ const components = {
   Filter,
   FilterGroup,
   ErrorMessage,
-  InlineSearch,
+  EpieInlineSearch,
   ExportBtn,
-  EpieDescriptions
+  EpieDescriptions,
+  EpieDuration
 };
 function useComponent(app) {
   for (const i in components) {
@@ -13816,4 +13948,4 @@ const Crud = {
 };
  // export { ContextMenu } from "./components/context-menu";
 
-export { EpieDescriptions, components, crudList, Crud as default, emitter$1 as emitter, epieDescriptionsProps, useAdvSearch, useBrowser, useComponent, useCore, useCrud, useDescriptions, useDialog, useForm, useProxy, useRefs, useTable, useTools, useUpsert };
+export { EpieDescriptions, EpieInlineSearch, components, crudList, Crud as default, emitter$1 as emitter, epieDescriptionsProps, epieInlineSearchProps, useAdvSearch, useBrowser, useComponent, useCore, useCrud, useDescriptions, useDialog, useForm, useProxy, useRefs, useTable, useTools, useUpsert };

package/lib/bi-crud.umd.js

@@ -9856,7 +9856,7 @@
 	  }
 	}
 
-	function _isSlot$3(s) {
+	function _isSlot$5(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
 
@@ -10108,7 +10108,7 @@
 
 	      return vue.createVNode(vue.resolveComponent("el-col"), vue.mergeProps({
 	        "span": baseSpan
-	      }, e), _isSlot$3(FormItem) ? FormItem : {
+	      }, e), _isSlot$5(FormItem) ? FormItem : {
 	        default: () => [FormItem]
 	      });
 	    }); // el-form
@@ -10127,7 +10127,7 @@
 	      default: () => {
 	        return ctx.inline ? children : vue.withDirectives(vue.createVNode(vue.resolveComponent("el-row"), {
 	          "gutter": 10
-	        }, _isSlot$3(children) ? children : {
+	        }, _isSlot$5(children) ? children : {
 	          default: () => [children]
 	        }), [[vue.resolveDirective("loading"), ctx.loading]]);
 	      }
@@ -10155,14 +10155,14 @@
 	          "onClick": () => {
 	            ctx.submit();
 	          }
-	        }, _isSlot$3(saveButtonText) ? saveButtonText : {
+	        }, _isSlot$5(saveButtonText) ? saveButtonText : {
 	          default: () => [saveButtonText]
 	        });
 	      } else if (vnode == "close") {
 	        return vue.createVNode(vue.resolveComponent("el-button"), {
 	          "size": style.size,
 	          "onClick": ctx.close
-	        }, _isSlot$3(closeButtonText) ? closeButtonText : {
+	        }, _isSlot$5(closeButtonText) ? closeButtonText : {
 	          default: () => [closeButtonText]
 	        });
 	      } else {
@@ -11430,7 +11430,7 @@
 	  }
 	});
 
-	function _isSlot$2(s) {
+	function _isSlot$4(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
 
@@ -11556,7 +11556,7 @@
 	      "modelValue": ctx.selectField,
 	      "onUpdate:modelValue": $event => ctx.selectField = $event,
 	      "onChange": ctx.onFieldChange
-	    }, _isSlot$2(_slot = ctx.fieldList.map((e, i) => vue.createVNode(vue.resolveComponent("el-option"), {
+	    }, _isSlot$4(_slot = ctx.fieldList.map((e, i) => vue.createVNode(vue.resolveComponent("el-option"), {
 	      "key": i,
 	      "label": e.label,
 	      "value": e.value
@@ -11808,6 +11808,10 @@
 
 	};
 
+	function _isSlot$3(s) {
+	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+	}
+
 	function useElTable({
 	  Table
 	}) {
@@ -12227,7 +12231,17 @@
 	                        default: () => d.label
 	                      });
 	                    } else if (d) {
-	                      return d.label;
+	                      return vue.createVNode(vue.resolveComponent("el-tag"), {
+	                        "style": "margin: 0 2px"
+	                      }, {
+	                        default: () => [d.label]
+	                      });
+	                    } else if (!!v) {
+	                      return vue.createVNode(vue.resolveComponent("el-tag"), {
+	                        "style": "margin: 0 2px"
+	                      }, _isSlot$3(v) ? v : {
+	                        default: () => [v]
+	                      });
 	                    } else {
 	                      return v;
 	                    }
@@ -12557,11 +12571,15 @@
 
 
 	          crud.service[reqName](data).then(res => {
-	            elementPlus.ElMessage.success("保存成功");
-	            done();
-	            close();
-	            crud.refresh();
-	            resolve(res);
+	            if (res && res.code === 0) {
+	              elementPlus.ElMessage.success("保存成功");
+	              done();
+	              close();
+	              crud.refresh();
+	              resolve(res);
+	            } else {
+	              done();
+	            }
 	          }).catch(err => {
 	            elementPlus.ElMessage.error(err.msg);
 	            done();
@@ -13124,7 +13142,7 @@
 
 	});
 
-	function _isSlot$1(s) {
+	function _isSlot$2(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
 
@@ -13138,7 +13156,7 @@
 	    let _slot;
 
 	    // 表单项列表
-	    const children = ctx.items.map(e => {
+	    const children = ctx.items?.map(e => {
 	      // 是否隐藏
 	      e._hidden = Parse("hidden", {
 	        value: e.hidden,
@@ -13191,10 +13209,10 @@
 	        "lg": {
 	          span: 6
 	        }
-	      }, e), _isSlot$1(FormItem) ? FormItem : {
+	      }, e), _isSlot$2(FormItem) ? FormItem : {
 	        default: () => [FormItem]
 	      });
-	    });
+	    }).filter(Boolean);
 
 	    const op = vue.createVNode(vue.resolveComponent("el-col"), {
 	      "span": 6,
@@ -13211,7 +13229,7 @@
 	      default: () => [vue.createVNode(vue.resolveComponent("el-form-item"), {
 	        "label-width": "auto",
 	        "label": ""
-	      }, _isSlot$1(_slot = renderOp()) ? _slot : {
+	      }, _isSlot$2(_slot = renderOp()) ? _slot : {
 	        default: () => [_slot]
 	      })]
 	    }); // el-form
@@ -13224,7 +13242,11 @@
 	      "label-width": "100px",
 	      "inline": true,
 	      "model": ctx.form
-	    }, null); //TODO:: 支持props
+	    }, null);
+
+	    if ((children?.length > 0 || 0) === 0) {
+	      return vue.createVNode("span", null, null);
+	    } //TODO:: 支持props
 
 
 	    return vue.h(ElForm, {}, {
@@ -13243,7 +13265,7 @@
 	      search: "搜索",
 	      reset: "重置"
 	    };
-	    return ctx.op.map(e => {
+	    return ctx.op?.map(e => {
 	      if (ButtonText[e]) {
 	        return vue.createVNode(vue.resolveComponent("el-button"), {
 	          size: "default",
@@ -13260,37 +13282,32 @@
 	        });
 	      }
 	    });
-	  } // 渲染表单按钮
+	  }
 
 	  return {
-	    renderForm,
-	    renderOp
+	    renderForm //  renderOp
+
 	  };
 	}
 
-	var InlineSearch = vue.defineComponent({
-	  name: "epie-inline-search",
-	  props: {
-	    // 表单值
-	    data: {
-	      type: Object,
-	      default: () => {
-	        return {};
-	      }
-	    },
-	    // 表单项
-	    items: {
-	      type: Array,
-	      default: () => []
-	    },
-	    // 操作按钮 ['search', 'reset', 'clear', 'close']
-	    op: {
-	      type: Array,
-	      default: () => ["search", "reset"]
-	    },
-	    // 搜索钩子 { data, { next, close } }
-	    onSearch: Function
+	const epieInlineSearchProps = () => ({
+	  data: {
+	    type: Object,
+	    default: () => {}
 	  },
+	  items: {
+	    type: Array,
+	    default: () => []
+	  },
+	  op: {
+	    type: Array,
+	    default: () => ["search", "reset"]
+	  },
+	  onSearch: Function
+	});
+	var EpieInlineSearch = vue.defineComponent({
+	  name: "epie-inline-search",
+	  props: epieInlineSearchProps(),
 
 	  setup(props, {
 	    emit
@@ -13342,7 +13359,7 @@
 	    const {
 	      renderForm
 	    } = useRender$1(ctx);
-	    return ctx.items.length > 0 && vue.createVNode("div", {
+	    return (ctx.items?.length || 0) > 0 && vue.createVNode("div", {
 	      "class": "epie-inline-search"
 	    }, [vue.createVNode("div", {
 	      "class": "epie-inline-search__form"
@@ -13351,6 +13368,10 @@
 
 	});
 
+	function _isSlot$1(s) {
+	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+	}
+
 	function useRender({
 	  columns,
 	  data,
@@ -13437,7 +13458,17 @@
 	                      default: () => d.label
 	                    });
 	                  } else if (d) {
-	                    return d.label;
+	                    return vue.createVNode(vue.resolveComponent("el-tag"), {
+	                      "style": "margin: 0 2px"
+	                    }, {
+	                      default: () => [d.label]
+	                    });
+	                  } else if (!!v) {
+	                    return vue.createVNode(vue.resolveComponent("el-tag"), {
+	                      "style": "margin: 0 2px"
+	                    }, _isSlot$1(v) ? v : {
+	                      default: () => [v]
+	                    });
 	                  } else {
 	                    return v;
 	                  }
@@ -13470,31 +13501,6 @@
 	  };
 	}
 
-	// export const formItemProps = () => ({
-	//   htmlFor: String,
-	//   prefixCls: String,
-	//   label: PropTypes.any,
-	//   help: PropTypes.any,
-	//   extra: PropTypes.any,
-	//   labelCol: { type: Object as PropType<ColProps & HTMLAttributes> },
-	//   wrapperCol: { type: Object as PropType<ColProps & HTMLAttributes> },
-	//   hasFeedback: { type: Boolean, default: false },
-	//   colon: { type: Boolean, default: undefined },
-	//   labelAlign: PropTypes.oneOf(tuple('left', 'right')),
-	//   prop: { type: [String, Number, Array] as PropType<string | number | Array<string | number>> },
-	//   name: { type: [String, Number, Array] as PropType<string | number | Array<string | number>> },
-	//   rules: [Array, Object] as PropType<Rule[] | Rule>,
-	//   autoLink: { type: Boolean, default: true },
-	//   required: { type: Boolean, default: undefined },
-	//   validateFirst: { type: Boolean, default: undefined },
-	//   validateStatus: PropTypes.oneOf(tuple('', 'success', 'warning', 'error', 'validating')),
-	//   validateTrigger: { type: [String, Array] as PropType<string | string[]> },
-	//   messageVariables: { type: Object as PropType<Record<string, string>> },
-	//   hidden: Boolean,
-	//   noStyle: Boolean,
-	// });
-	// export type EpieDescriptionsProps = Partial<ExtractPropTypes<ReturnType<typeof epieDescriptionsProps>>>;
-
 	function _isSlot(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
@@ -13759,6 +13765,131 @@
 	// }
 	// });
 
+	const epieDurationProps = () => ({
+	  modelValue: {
+	    type: Number,
+	    default: 0
+	  },
+	  unit: {
+	    type: String,
+	    default: 'second'
+	  },
+	  max: {
+	    type: Number,
+	    default: 0
+	  },
+	  min: {
+	    type: Number,
+	    default: 0
+	  }
+	});
+	var Unit;
+
+	(function (Unit) {
+	  Unit[Unit["Second"] = 1] = "Second";
+	  Unit[Unit["Minute"] = 2] = "Minute";
+	  Unit[Unit["Hour"] = 3] = "Hour";
+	  Unit[Unit["Day"] = 4] = "Day";
+	})(Unit || (Unit = {}));
+
+	const calcDisplayValue = (realValue, unit) => {
+	  let ret = realValue;
+
+	  if (unit == Unit.Minute) {
+	    ret = Math.round(ret / 60);
+	  } else if (unit == Unit.Hour) {
+	    ret = Math.round(ret / 60 / 60);
+	  } else if (unit == Unit.Day) {
+	    ret = Math.round(ret / 60 / 60 / 24);
+	  }
+
+	  return ret;
+	};
+
+	const calcRealValue = (display, unit) => {
+	  let ret = display;
+
+	  if (unit == Unit.Minute) {
+	    ret = ret * 60;
+	  } else if (unit == Unit.Hour) {
+	    ret = ret * 60 * 60;
+	  } else if (unit == Unit.Day) {
+	    ret = ret * 60 * 60 * 24;
+	  }
+
+	  return ret;
+	};
+
+	var EpieDuration = vue.defineComponent({
+	  name: "epie-duration",
+	  props: epieDurationProps(),
+	  emits: ["update:modelValue"],
+
+	  setup(props, {
+	    emit
+	  }) {
+	    const defUnit = (() => {
+	      if (props.unit == 'day') {
+	        return Unit.Day;
+	      } else if (props.unit == 'hour') {
+	        return Unit.Hour;
+	      } else if (props.unit == 'minute') {
+	        return Unit.Minute;
+	      } else if (props.unit == 'second') {
+	        return Unit.Second;
+	      }
+
+	      return Unit.Second;
+	    })();
+
+	    const realValue = vue.computed(() => props.modelValue);
+	    const unitValue = vue.ref(defUnit); // display value 只有在修改输入框的时候才生效, 其他时候不生效
+
+	    const displayValue = vue.ref(calcDisplayValue(realValue.value, unitValue.value));
+	    vue.watch(() => realValue.value, v => {
+	      displayValue.value = calcDisplayValue(realValue.value, unitValue.value);
+	    });
+	    vue.watch([displayValue, unitValue], ([newDisplayValue, newUnitValue], [oldDisplayValue, oldUnitValue]) => {
+	      emit("update:modelValue", calcRealValue(displayValue.value, unitValue.value)); // console.log(`old ${oldDisplayValue}${UnitName[oldUnitValue]}, new ${newDisplayValue}${UnitName[newUnitValue]}`)
+	    });
+	    return {
+	      unitValue,
+	      displayValue,
+	      realValue
+	    };
+	  },
+
+	  render(ctx) {
+	    return vue.h(vue.createVNode(vue.resolveComponent("el-input"), {
+	      "modelValue": ctx.displayValue,
+	      "onUpdate:modelValue": $event => ctx.displayValue = $event
+	    }, null), {}, {
+	      default: () => vue.createVNode(vue.Fragment, null, null),
+	      append: () => vue.createVNode(vue.resolveComponent("el-select"), {
+	        "modelValue": ctx.unitValue,
+	        "onUpdate:modelValue": $event => ctx.unitValue = $event,
+	        "placeholder": "单位",
+	        "style": "width: 60px"
+	      }, {
+	        default: () => [vue.createVNode(vue.resolveComponent("el-option"), {
+	          "label": "秒",
+	          "value": 1
+	        }, null), vue.createVNode(vue.resolveComponent("el-option"), {
+	          "label": "分",
+	          "value": 2
+	        }, null), vue.createVNode(vue.resolveComponent("el-option"), {
+	          "label": "时",
+	          "value": 3
+	        }, null), vue.createVNode(vue.resolveComponent("el-option"), {
+	          "label": "天",
+	          "value": 4
+	        }, null)]
+	      })
+	    });
+	  }
+
+	});
+
 	const components = {
 	  Crud: Crud$1,
 	  AddBtn,
@@ -13778,9 +13909,10 @@
 	  Filter,
 	  FilterGroup,
 	  ErrorMessage,
-	  InlineSearch,
+	  EpieInlineSearch,
 	  ExportBtn,
-	  EpieDescriptions
+	  EpieDescriptions,
+	  EpieDuration
 	};
 	function useComponent(app) {
 	  for (const i in components) {
@@ -13820,11 +13952,13 @@
 	 // export { ContextMenu } from "./components/context-menu";
 
 	exports.EpieDescriptions = EpieDescriptions;
+	exports.EpieInlineSearch = EpieInlineSearch;
 	exports.components = components;
 	exports.crudList = crudList;
 	exports["default"] = Crud;
 	exports.emitter = emitter$1;
 	exports.epieDescriptionsProps = epieDescriptionsProps;
+	exports.epieInlineSearchProps = epieInlineSearchProps;
 	exports.useAdvSearch = useAdvSearch;
 	exports.useBrowser = useBrowser;
 	exports.useComponent = useComponent;

package/lib/components/duration/duration.d.ts

@@ -0,0 +1,73 @@
+import { ExtractPropTypes, PropType } from "vue";
+export declare const epieDurationProps: () => {
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    unit: {
+        type: PropType<"day" | "hour" | "minute" | "second">;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type EpieDurationProps = Partial<ExtractPropTypes<ReturnType<typeof epieDurationProps>>>;
+declare enum Unit {
+    Second = 1,
+    Minute = 2,
+    Hour = 3,
+    Day = 4
+}
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    unit: {
+        type: PropType<"day" | "hour" | "minute" | "second">;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    unitValue: import("vue").Ref<Unit>;
+    displayValue: import("vue").Ref<number>;
+    realValue: import("vue").ComputedRef<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    unit: {
+        type: PropType<"day" | "hour" | "minute" | "second">;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number;
+    unit: "day" | "hour" | "minute" | "second";
+    max: number;
+    min: number;
+}>;
+export default _default;

package/lib/components/duration/index.d.ts

@@ -0,0 +1,5 @@
+import { EpieSchema } from "../../types/base/base";
+export declare type EpieDescriptionsItemProps = EpieSchema<"descriptions"> & {};
+export * from "./duration";
+import EpieDuration from "./duration";
+export { EpieDuration };

package/lib/components/index.d.ts

@@ -1,3 +1,4 @@
 export declare const components: any;
 export declare function useComponent(app?: any): void;
 export * from "./descriptions";
+export * from "./inline-search";

package/lib/components/inline-search/helper.d.ts

@@ -1,6 +1,4 @@
-export declare function useRender(ctx: any): {
-    renderForm: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    renderOp: () => any;
+import { EpieRenderCtx } from ".";
+export declare function useRender(ctx: EpieRenderCtx & any): {
+    renderForm: () => JSX.Element;
 };

package/lib/components/inline-search/index.d.ts

@@ -1,41 +1,3 @@
-import { PropType } from "vue";
-import { EpieForm } from "../form/form";
-declare const _default: import("vue").DefineComponent<{
-    data: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    items: {
-        type: PropType<EpieForm.Item[]>;
-        default: () => never[];
-    };
-    op: {
-        type: ArrayConstructor;
-        default: () => string[];
-    };
-    onSearch: FunctionConstructor;
-}, {
-    form: any;
-    reset: () => void;
-    loading: import("vue").Ref<boolean>;
-    search: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    items: {
-        type: PropType<EpieForm.Item[]>;
-        default: () => never[];
-    };
-    op: {
-        type: ArrayConstructor;
-        default: () => string[];
-    };
-    onSearch: FunctionConstructor;
-}>>, {
-    data: Record<string, any>;
-    items: EpieForm.Item[];
-    op: unknown[];
-}>;
-export default _default;
+export * from "./inlinesearch";
+import EpieInlineSearch from "./inlinesearch";
+export { EpieInlineSearch };

package/lib/components/inline-search/inlinesearch.d.ts

@@ -0,0 +1,66 @@
+import { PropType, ExtractPropTypes } from "vue";
+import { EpieForm } from "../form/form";
+export interface EpieInlineSearchItem extends EpieForm.Item {
+    hide: boolean;
+}
+export declare const epieInlineSearchProps: () => {
+    data: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    items: {
+        type: PropType<EpieInlineSearchItem[]>;
+        default: () => never[];
+    };
+    op: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    onSearch: FunctionConstructor;
+};
+export declare type EpieInlineSearchProps = Partial<ExtractPropTypes<ReturnType<typeof epieInlineSearchProps>>>;
+export declare type EpieRenderCtx = EpieInlineSearchProps & {
+    form: any;
+    reset: any;
+    loading: any;
+    search: any;
+};
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    items: {
+        type: PropType<EpieInlineSearchItem[]>;
+        default: () => never[];
+    };
+    op: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    onSearch: FunctionConstructor;
+}, {
+    form: any;
+    reset: () => void;
+    loading: import("vue").Ref<boolean>;
+    search: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    items: {
+        type: PropType<EpieInlineSearchItem[]>;
+        default: () => never[];
+    };
+    op: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    onSearch: FunctionConstructor;
+}>>, {
+    data: Record<string, any>;
+    items: EpieInlineSearchItem[];
+    op: string[];
+}>;
+export default _default;

package/lib/utils/test.d.ts

@@ -4,6 +4,8 @@ export declare const UserList: ({
     createTime: string;
     price: number;
     status: number;
+    duration: number;
+    statusx: string;
     hook: string;
 } | {
     id: number;
@@ -11,6 +13,17 @@ export declare const UserList: ({
     createTime: string;
     price: number;
     status: number;
+    statusx: string;
+    duration?: undefined;
+    hook?: undefined;
+} | {
+    id: number;
+    name: string;
+    createTime: string;
+    price: number;
+    status: number;
+    duration?: undefined;
+    statusx?: undefined;
     hook?: undefined;
 })[];
 export declare const TestService: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epie/bi-crud",
   "simpleName": "bi-crud",
-  "version": "2.0.14",
+  "version": "2.0.17",
   "private": false,
   "main": "lib/bi-crud.umd.js",
   "module": "lib/bi-crud.esm.js",