@fangzhongya/fang-ui 0.0.62 → 0.0.64

package/dist/components/array/src/data.cjs

@@ -1,15 +1,35 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dataProps = {
+  /**
+   * @props { String } rangeSeparator='至'
+   * 中间的文字提示
+   */
   rangeSeparator: { type: String },
+  /**
+   * @props { String } startPlaceholder='开始'
+   * 前的文字提示
+   */
   startPlaceholder: { type: String },
+  /**
+   * @props { String } endPlaceholder='结束'
+   * 后的文字提示
+   */
   endPlaceholder: { type: String },
+  /**
+   * @props { String, Boolean } multiple
+   * 是否多合并数据
+   */
   multiple: {
     type: [String, Boolean]
   },
   readonly: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } clearable
+   * 是否清除
+   */
   clearable: {
     type: Boolean
   },
@@ -19,12 +39,20 @@ const dataProps = {
       return [];
     }
   },
+  /**
+   * @props { Object } config={}
+   * 内容组件配置
+   */
   config: {
     type: Object,
     default() {
       return {};
     }
   },
+  /**
+   * @props { String, Object } compon='input'
+   * 内容组件
+   */
   compon: {
     type: [String, Object],
     default: "input"
@@ -32,6 +60,10 @@ const dataProps = {
   check: {
     type: [Boolean, Function]
   },
+  /**
+   * @props { Boolean } disabled=false
+   * 是否禁用
+   */
   disabled: { type: Boolean, default: false }
 };
 const dataEmits = [

package/dist/components/array/src/data.d.ts

@@ -1,20 +1,40 @@
 import { ExtractPropTypes } from 'vue';
 export declare const dataProps: {
+    /**
+     * @props { String } rangeSeparator='至'
+     * 中间的文字提示
+     */
     rangeSeparator: {
         type: StringConstructor;
     };
+    /**
+     * @props { String } startPlaceholder='开始'
+     * 前的文字提示
+     */
     startPlaceholder: {
         type: StringConstructor;
     };
+    /**
+     * @props { String } endPlaceholder='结束'
+     * 后的文字提示
+     */
     endPlaceholder: {
         type: StringConstructor;
     };
+    /**
+     * @props { String, Boolean } multiple
+     * 是否多合并数据
+     */
     multiple: {
         type: (BooleanConstructor | StringConstructor)[];
     };
     readonly: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Boolean } clearable
+     * 是否清除
+     */
     clearable: {
         type: BooleanConstructor;
     };
@@ -22,10 +42,18 @@ export declare const dataProps: {
         type: (StringConstructor | ArrayConstructor)[];
         default(): never[];
     };
+    /**
+     * @props { Object } config={}
+     * 内容组件配置
+     */
     config: {
         type: ObjectConstructor;
         default(): {};
     };
+    /**
+     * @props { String, Object } compon='input'
+     * 内容组件
+     */
     compon: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
@@ -33,6 +61,10 @@ export declare const dataProps: {
     check: {
         type: (BooleanConstructor | FunctionConstructor)[];
     };
+    /**
+     * @props { Boolean } disabled=false
+     * 是否禁用
+     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/array/src/data.js

@@ -1,13 +1,33 @@
 const dataProps = {
+  /**
+   * @props { String } rangeSeparator='至'
+   * 中间的文字提示
+   */
   rangeSeparator: { type: String },
+  /**
+   * @props { String } startPlaceholder='开始'
+   * 前的文字提示
+   */
   startPlaceholder: { type: String },
+  /**
+   * @props { String } endPlaceholder='结束'
+   * 后的文字提示
+   */
   endPlaceholder: { type: String },
+  /**
+   * @props { String, Boolean } multiple
+   * 是否多合并数据
+   */
   multiple: {
     type: [String, Boolean]
   },
   readonly: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } clearable
+   * 是否清除
+   */
   clearable: {
     type: Boolean
   },
@@ -17,12 +37,20 @@ const dataProps = {
       return [];
     }
   },
+  /**
+   * @props { Object } config={}
+   * 内容组件配置
+   */
   config: {
     type: Object,
     default() {
       return {};
     }
   },
+  /**
+   * @props { String, Object } compon='input'
+   * 内容组件
+   */
   compon: {
     type: [String, Object],
     default: "input"
@@ -30,6 +58,10 @@ const dataProps = {
   check: {
     type: [Boolean, Function]
   },
+  /**
+   * @props { Boolean } disabled=false
+   * 是否禁用
+   */
   disabled: { type: Boolean, default: false }
 };
 const dataEmits = [

package/dist/components/common/list.cjs

@@ -64,9 +64,10 @@ function isValue(v) {
   }
   return false;
 }
-function comHandle(props2, emit) {
+function comHandle(props2, emit, config) {
   const selectMultiple = vue.ref(false);
   let getMultipleValue = (v) => {
+    if (config == null ? void 0 : config.getValue) return config.getValue(v);
     return v;
   };
   let setMultipleValue = (v) => {
@@ -128,6 +129,7 @@ function comHandle(props2, emit) {
       if (typeof props2.multiple == "boolean") {
         selectMultiple.value = props2.multiple;
         getMultipleValue = (v) => {
+          if (config == null ? void 0 : config.getValue) return config.getValue(v);
           return v;
         };
         setMultipleValue = (v) => {
@@ -141,6 +143,7 @@ function comHandle(props2, emit) {
       } else if (typeof props2.multiple == "string") {
         selectMultiple.value = true;
         getMultipleValue = (v) => {
+          if (config == null ? void 0 : config.getValue) v = config.getValue(v);
           if (v && v instanceof Array) {
             return v.join(props2.multiple);
           } else {

package/dist/components/common/list.d.ts

@@ -68,8 +68,12 @@ export declare const props: {
  * @emits change ( v: 选中的prop 值, obj:[]选择的值对象 )   选择事件
  */
 export declare const emits: string[];
-export declare function comHandle(props: any, emit: any): {
+type HandleConfig = {
+    getValue: <T>(v: T) => T;
+};
+export declare function comHandle(props: any, emit: any, config?: HandleConfig): {
     value: WritableComputedRef<any, any>;
     multiple: Ref<boolean, boolean>;
 };
 export declare const expose: {};
+export {};

package/dist/components/common/list.js

@@ -62,9 +62,10 @@ function isValue(v) {
   }
   return false;
 }
-function comHandle(props2, emit) {
+function comHandle(props2, emit, config) {
   const selectMultiple = ref(false);
   let getMultipleValue = (v) => {
+    if (config == null ? void 0 : config.getValue) return config.getValue(v);
     return v;
   };
   let setMultipleValue = (v) => {
@@ -126,6 +127,7 @@ function comHandle(props2, emit) {
       if (typeof props2.multiple == "boolean") {
         selectMultiple.value = props2.multiple;
         getMultipleValue = (v) => {
+          if (config == null ? void 0 : config.getValue) return config.getValue(v);
           return v;
         };
         setMultipleValue = (v) => {
@@ -139,6 +141,7 @@ function comHandle(props2, emit) {
       } else if (typeof props2.multiple == "string") {
         selectMultiple.value = true;
         getMultipleValue = (v) => {
+          if (config == null ? void 0 : config.getValue) v = config.getValue(v);
           if (v && v instanceof Array) {
             return v.join(props2.multiple);
           } else {

package/dist/components/dates-divide/src/data.cjs

@@ -3,6 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const data = require("../../dates-picker/src/data.cjs");
 const dataProps = {
   ...data.props,
+  type: {
+    type: String
+  },
   /**
    * @props {String, Number, Date, Array} modelValue/v-model 时间数据
    */
@@ -12,9 +15,12 @@ const dataProps = {
       return [];
     }
   },
-  rangeSeparator: { type: String, default: "至" },
-  startPlaceholder: { type: String, default: "开始" },
-  endPlaceholder: { type: String, default: "结束" }
+  defaultTime: {
+    type: Object
+  },
+  rangeSeparator: { type: String },
+  startPlaceholder: { type: String },
+  endPlaceholder: { type: String }
 };
 const dataEmits = ["update:modelValue"];
 const dataSlot = {

package/dist/components/dates-divide/src/data.d.ts

@@ -1,6 +1,9 @@
 import { ExtractPropTypes } from 'vue';
-import { DataType } from '../../dates-picker/src/util';
+type SingleType = 'year' | 'month' | 'date' | 'datetime';
 export declare const dataProps: {
+    type: {
+        type: () => SingleType;
+    };
     /**
      * @props {String, Number, Date, Array} modelValue/v-model 时间数据
      */
@@ -23,24 +26,21 @@ export declare const dataProps: {
         };
         default(): never[];
     };
+    defaultTime: {
+        type: () => Date | [Date, Date];
+    };
     rangeSeparator: {
         type: StringConstructor;
-        default: string;
     };
     startPlaceholder: {
         type: StringConstructor;
-        default: string;
     };
     endPlaceholder: {
         type: StringConstructor;
-        default: string;
     };
     format: {
         type: StringConstructor;
     };
-    type: {
-        type: () => DataType;
-    };
     isEnd: {
         type: BooleanConstructor;
     };
@@ -67,3 +67,4 @@ export declare const dataSlot: {
  * 设置值
  */
 export declare const dataExpose: {};
+export {};

package/dist/components/dates-divide/src/data.js

@@ -1,6 +1,9 @@
 import { props } from "../../dates-picker/src/data.js";
 const dataProps = {
   ...props,
+  type: {
+    type: String
+  },
   /**
    * @props {String, Number, Date, Array} modelValue/v-model 时间数据
    */
@@ -10,9 +13,12 @@ const dataProps = {
       return [];
     }
   },
-  rangeSeparator: { type: String, default: "至" },
-  startPlaceholder: { type: String, default: "开始" },
-  endPlaceholder: { type: String, default: "结束" }
+  defaultTime: {
+    type: Object
+  },
+  rangeSeparator: { type: String },
+  startPlaceholder: { type: String },
+  endPlaceholder: { type: String }
 };
 const dataEmits = ["update:modelValue"];
 const dataSlot = {

package/dist/components/dates-divide/src/index2.cjs

@@ -2,16 +2,38 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../dates-picker/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const util = require("../../dates2/src/util.cjs");
+const index$2 = require("element-plus/es/components/date-picker/index");
+const use = require("../../common/use.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("dates-divide");
-    const props = __props;
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("dates-divide");
+    const prs = __props;
+    const props = use.uesPropsDefault(prs, {
+      rangeSeparator() {
+        return getLocale("to");
+      },
+      startPlaceholder() {
+        return getLocale("began");
+      },
+      endPlaceholder() {
+        return getLocale("end");
+      }
+    });
     const emit = __emit;
+    const setDefaultTime = (i) => {
+      if (props.defaultTime instanceof Array) {
+        return props.defaultTime[i];
+      } else {
+        return props.defaultTime;
+      }
+    };
     const start = vue.computed({
       set(value) {
         const v = [value, end.value];
@@ -33,10 +55,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const e = vue.computed(() => {
-      return new Date(end.value).valueOf();
+      return util.getDate(end.value).valueOf();
     });
     const s = vue.computed(() => {
-      return new Date(start.value).valueOf();
+      return util.getDate(start.value).valueOf();
     });
     function disabledDateStart(time) {
       if (end.value) {
@@ -60,27 +82,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
-        vue.createVNode(vue.unref(index$1.DatesPicker), {
+        vue.createVNode(vue.unref(index$2.ElDatePicker), {
           "disabled-date": disabledDateStart,
-          type: props.type,
-          format: props.format,
-          placeholder: props.startPlaceholder,
-          repair: 0,
+          type: vue.unref(props).type,
+          format: vue.unref(props).format,
+          placeholder: vue.unref(props).startPlaceholder,
+          "default-time": setDefaultTime(0),
           modelValue: start.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event)
-        }, null, 8, ["type", "format", "placeholder", "modelValue"]),
+        }, null, 8, ["type", "format", "placeholder", "default-time", "modelValue"]),
         vue.createElementVNode("span", {
           class: vue.normalizeClass(vue.unref(cs).z("range"))
-        }, vue.toDisplayString(props.rangeSeparator), 3),
-        vue.createVNode(vue.unref(index$1.DatesPicker), {
+        }, vue.toDisplayString(vue.unref(props).rangeSeparator), 3),
+        vue.createVNode(vue.unref(index$2.ElDatePicker), {
           "disabled-date": disabledDateEnd,
-          placeholder: props.endPlaceholder,
-          type: props.type,
-          format: props.format,
-          repair: 2,
+          placeholder: vue.unref(props).endPlaceholder,
+          type: vue.unref(props).type,
+          format: vue.unref(props).format,
+          "default-time": setDefaultTime(1),
           modelValue: end.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => end.value = $event)
-        }, null, 8, ["placeholder", "type", "format", "modelValue"])
+        }, null, 8, ["placeholder", "type", "format", "default-time", "modelValue"])
       ], 2);
     };
   }

package/dist/components/dates-divide/src/index2.js

@@ -1,15 +1,37 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, createElementVNode, toDisplayString } from "vue";
 import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { DatesPicker } from "../../dates-picker/index.js";
+import { getDate } from "../../dates2/src/util.js";
+import { ElDatePicker } from "element-plus/es/components/date-picker/index";
+import { uesPropsDefault } from "../../common/use.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
     const cs = useCssName("dates-divide");
-    const props = __props;
+    const prs = __props;
+    const props = uesPropsDefault(prs, {
+      rangeSeparator() {
+        return getLocale("to");
+      },
+      startPlaceholder() {
+        return getLocale("began");
+      },
+      endPlaceholder() {
+        return getLocale("end");
+      }
+    });
     const emit = __emit;
+    const setDefaultTime = (i) => {
+      if (props.defaultTime instanceof Array) {
+        return props.defaultTime[i];
+      } else {
+        return props.defaultTime;
+      }
+    };
     const start = computed({
       set(value) {
         const v = [value, end.value];
@@ -31,10 +53,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const e = computed(() => {
-      return new Date(end.value).valueOf();
+      return getDate(end.value).valueOf();
     });
     const s = computed(() => {
-      return new Date(start.value).valueOf();
+      return getDate(start.value).valueOf();
     });
     function disabledDateStart(time) {
       if (end.value) {
@@ -58,27 +80,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(unref(cs).z())
       }, [
         renderSlot(_ctx.$slots, unref(dataSlot).prefix),
-        createVNode(unref(DatesPicker), {
+        createVNode(unref(ElDatePicker), {
           "disabled-date": disabledDateStart,
-          type: props.type,
-          format: props.format,
-          placeholder: props.startPlaceholder,
-          repair: 0,
+          type: unref(props).type,
+          format: unref(props).format,
+          placeholder: unref(props).startPlaceholder,
+          "default-time": setDefaultTime(0),
           modelValue: start.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event)
-        }, null, 8, ["type", "format", "placeholder", "modelValue"]),
+        }, null, 8, ["type", "format", "placeholder", "default-time", "modelValue"]),
         createElementVNode("span", {
           class: normalizeClass(unref(cs).z("range"))
-        }, toDisplayString(props.rangeSeparator), 3),
-        createVNode(unref(DatesPicker), {
+        }, toDisplayString(unref(props).rangeSeparator), 3),
+        createVNode(unref(ElDatePicker), {
           "disabled-date": disabledDateEnd,
-          placeholder: props.endPlaceholder,
-          type: props.type,
-          format: props.format,
-          repair: 2,
+          placeholder: unref(props).endPlaceholder,
+          type: unref(props).type,
+          format: unref(props).format,
+          "default-time": setDefaultTime(1),
           modelValue: end.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => end.value = $event)
-        }, null, 8, ["placeholder", "type", "format", "modelValue"])
+        }, null, 8, ["placeholder", "type", "format", "default-time", "modelValue"])
       ], 2);
     };
   }

package/dist/components/dates2/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+const withInstall = require("../../utils/vues/withInstall.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const Dates2 = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Dates2");
+exports.Dates2 = Dates2;
+exports.default = Dates2;

package/dist/components/{global-config → dates2}/index.css

@@ -12,6 +12,12 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.elglobal-config {
-  left: 0;
+.dates2 .dates2-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+.dates2 .dates2-separate {
+  display: flex;
+  align-items: center;
 }

package/dist/components/dates2/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Dates2: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Dates2, Dates2 as default };

package/dist/components/dates2/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import { withInstall } from "../../utils/vues/withInstall.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
+const Dates2 = withInstall(_sfc_main, "Dates2");
+export {
+  Dates2,
+  Dates2 as default
+};

package/dist/components/dates2/index.scss

@@ -0,0 +1,14 @@
+@use '../scss/common.scss' as *;
+
+$dates2: 'dates2';
+@include b($dates2) {
+	.#{z($dates2, 'date')} {
+		height: 100%;
+		width: 100%;
+		box-sizing: border-box;
+	}
+	.#{z($dates2, 'separate')} {
+		display: flex;
+		align-items: center;
+	}
+}

package/dist/components/dates2/src/data.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./util.cjs");
+const list = require("../../common/list.cjs");
+const dataProps = {
+  ...list.props,
+  format: {
+    type: String
+  },
+  type: {
+    type: String
+  },
+  separate: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } repair 是否格式化时间
+   */
+  repair: {
+    type: Boolean
+  },
+  shortcuts: {
+    type: Array
+  },
+  /**
+   * @props {String, Number, Date, Array} modelValue/v-model 时间数据
+   */
+  modelValue: {
+    type: [String, Number, Date, Array]
+  }
+};
+const dataEmits = [...list.emits];
+const dataHandle = list.comHandle;
+const dataSlot = {
+  default: "default",
+  prefix: "prefix"
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataHandle = dataHandle;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;