@fangzhongya/fang-ui 0.0.62 → 0.0.63

package/dist/components/dates2/src/util.js

@@ -0,0 +1,195 @@
+import { format } from "@fangzhongya/utils/date/format";
+const typeMap = {
+  //年
+  year: {
+    type: "year",
+    format: "YYYY",
+    repair: 5,
+    double: "yearrange",
+    multiple: "years"
+  },
+  //月
+  month: {
+    type: "month",
+    format: "YYYY-MM",
+    repair: 4,
+    double: "monthrange",
+    multiple: "months"
+  },
+  //日
+  day: {
+    type: "date",
+    format: "YYYY-MM-DD",
+    repair: 3,
+    double: "daterange",
+    multiple: "dates"
+  },
+  date: {
+    type: "date",
+    format: "YYYY-MM-DD",
+    repair: 3,
+    double: "daterange",
+    multiple: "dates"
+  },
+  //秒
+  second: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH:mm:ss",
+    repair: 0,
+    double: "datetimerange"
+  },
+  datetime: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH:mm:ss",
+    repair: 0,
+    double: "datetimerange"
+  },
+  //时
+  hour: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH",
+    repair: 2,
+    double: "datetimerange"
+  },
+  //分
+  minute: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH:mm",
+    repair: 1,
+    double: "datetimerange"
+  }
+};
+function getType(type) {
+  return typeMap[type];
+}
+function getLastDayOfMonth(now) {
+  const nextMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1);
+  const lastDayOfMonth = new Date(nextMonth.getTime() - 1);
+  return lastDayOfMonth;
+}
+function getRepairEnd(v, type) {
+  if (v) {
+    let format$1 = "YYYY-MM-DD HH:mm:ss";
+    let d = getDate(v);
+    switch (type) {
+      case 1: {
+        format$1 = "YYYY-MM-DD HH:mm:59";
+        break;
+      }
+      case 2: {
+        format$1 = "YYYY-MM-DD HH:59:59";
+        break;
+      }
+      case 3: {
+        format$1 = "YYYY-MM-DD 23:59:59";
+        break;
+      }
+      case 4: {
+        d = getLastDayOfMonth(d);
+        format$1 = "YYYY-MM-DD 23:59:59";
+        break;
+      }
+      case 5: {
+        format$1 = "YYYY-12-31 23:59:59";
+        break;
+      }
+      default: {
+        format$1 = "YYYY-MM-DD HH:mm:ss";
+        break;
+      }
+    }
+    return format(d, format$1);
+  } else {
+    return "";
+  }
+}
+function getRepairStart(v, type) {
+  if (v) {
+    let format$1 = "YYYY-MM-DD HH:mm:ss";
+    switch (type) {
+      case 1: {
+        format$1 = "YYYY-MM-DD HH:mm:00";
+        break;
+      }
+      case 2: {
+        format$1 = "YYYY-MM-DD HH:00:00";
+        break;
+      }
+      case 3: {
+        format$1 = "YYYY-MM-DD 00:00:00";
+        break;
+      }
+      case 4: {
+        format$1 = "YYYY-MM-01 00:00:00";
+        break;
+      }
+      case 5: {
+        format$1 = "YYYY-01-01 00:00:00";
+        break;
+      }
+    }
+    return format(getDate(v), format$1);
+  } else {
+    return "";
+  }
+}
+function parseDateString(dateStr) {
+  if (!dateStr || typeof dateStr !== "string") {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+  const trimmed = dateStr.trim();
+  const [datePart, timePart = ""] = trimmed.split(" ");
+  const dateParts = datePart.split(/[-|\/]/).map(Number);
+  const year = dateParts[0];
+  const month = (dateParts[1] || 1) - 1;
+  const day = dateParts[2] || 1;
+  const timeParts = timePart.split(":").map(Number);
+  const hours = timeParts[0] || 0;
+  const minutes = timeParts[1] || 0;
+  const seconds = timeParts[2] || 0;
+  return new Date(year, month, day, hours, minutes, seconds);
+}
+function getDate(d) {
+  if (typeof d === "object") {
+    return d;
+  } else {
+    if (typeof d === "string") {
+      return parseDateString(d);
+    }
+    return new Date(d);
+  }
+}
+function formatType(v, format$1 = "YYYY-MM-DD", type, is) {
+  if (is) {
+    if (v instanceof Array) {
+      for (let index = 0; index < v.length; index++) {
+        const element = v[index];
+        if (index == 0) {
+          v[index] = getRepairStart(element, type.repair);
+        } else if (index == v.length - 1) {
+          v[index] = getRepairEnd(element, type.repair);
+        } else {
+          v[index] = element ? format(getDate(element), format$1) : "";
+        }
+      }
+      return v;
+    } else {
+      return getRepairStart(v, type.repair);
+    }
+  } else {
+    if (v instanceof Array) {
+      for (let index = 0; index < v.length; index++) {
+        const element = v[index];
+        v[index] = element ? format(getDate(element), format$1) : "";
+      }
+      return v;
+    } else {
+      return v ? format(getDate(v), format$1) : "";
+    }
+  }
+}
+export {
+  formatType,
+  getDate,
+  getType
+};

package/dist/components/dates2/style/index2.scss

@@ -0,0 +1,3 @@
+@use 'element-plus/theme-chalk/src/date-picker.scss' as *;
+
+@use '../index.scss' as *;

package/dist/components/global-config/index.css

@@ -10,8 +10,4 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
-}
-
-.elglobal-config {
-  left: 0;
 }

package/dist/components/global-config/index.scss

@@ -1,10 +1,5 @@
-// @use '../common.scss' as *;
-
-// @use 'drawer/src/index.scss' as *;
-
 @use '../scss/common.scss' as *;
-@use '../drawer/index.scss' as *;
 
-.#{$namespace}global-config {
-	left: 0;
+$global-config: 'global-config';
+@include b($global-config) {
 }

package/dist/components/global-config/src/data.cjs

@@ -5,7 +5,7 @@ require("../../../utils/vues/definePropType.cjs");
 const enums = require("../../../utils/enums.cjs");
 const dataProps = buildProps.buildProps({
   /**
-   * @props { Object<Locale>, String } locale
+   * @props { Object<Locale>, String } locale='zh-cn'
    * @description 国际化对象
    */
   locale: {

package/dist/components/global-config/src/data.d.ts

@@ -6,7 +6,7 @@ import { DefaultConfig } from '../../../utils/enums';
  */
 export declare const dataProps: {
     /**
-     * @props { Object<Locale>, String } locale
+     * @props { Object<Locale>, String } locale='zh-cn'
      * @description 国际化对象
      */
     locale: {

package/dist/components/global-config/src/data.js

@@ -3,7 +3,7 @@ import "../../../utils/vues/definePropType.js";
 import { DefaultConfig } from "../../../utils/enums.js";
 const dataProps = buildProps({
   /**
-   * @props { Object<Locale>, String } locale
+   * @props { Object<Locale>, String } locale='zh-cn'
    * @description 国际化对象
    */
   locale: {

package/dist/components/index.cjs

@@ -92,30 +92,31 @@ const index$1o = require("./checks/index.cjs");
 const index$1p = require("./dates-divide/index.cjs");
 const index$1q = require("./dates-picker/index.cjs");
 const index$1r = require("./dates/index.cjs");
-const index$1s = require("./edit-float/index.cjs");
-const index$1t = require("./edit/index.cjs");
-const index$1u = require("./history/index.cjs");
-const index$1v = require("./images/index.cjs");
-const index$1w = require("./input-array/index.cjs");
-const index$1x = require("./input-history/index.cjs");
-const index$1y = require("./input-num/index.cjs");
-const index$1z = require("./input-select/index.cjs");
-const index$1A = require("./inputs/index.cjs");
-const index$1B = require("./labels/index.cjs");
-const index$1C = require("./select-scroll/index.cjs");
-const index$1D = require("./selector/index.cjs");
-const index$1E = require("./selects/index.cjs");
-const index$1F = require("./switchs/index.cjs");
-const index$1G = require("./text/index.cjs");
-const index$1H = require("./list/index.cjs");
-const index$1I = require("./lists/index.cjs");
-const index$1J = require("./listsp/index.cjs");
-const index$1K = require("./paging/index.cjs");
-const index$1L = require("./tables/index.cjs");
-const index$1M = require("./tablesp/index.cjs");
-const index$1N = require("./tabless/index.cjs");
-const index$1O = require("./tablesv/index.cjs");
-const index$1P = require("./tablesvp/index.cjs");
+const index$1s = require("./dates2/index.cjs");
+const index$1t = require("./edit-float/index.cjs");
+const index$1u = require("./edit/index.cjs");
+const index$1v = require("./history/index.cjs");
+const index$1w = require("./images/index.cjs");
+const index$1x = require("./input-array/index.cjs");
+const index$1y = require("./input-history/index.cjs");
+const index$1z = require("./input-num/index.cjs");
+const index$1A = require("./input-select/index.cjs");
+const index$1B = require("./inputs/index.cjs");
+const index$1C = require("./labels/index.cjs");
+const index$1D = require("./select-scroll/index.cjs");
+const index$1E = require("./selector/index.cjs");
+const index$1F = require("./selects/index.cjs");
+const index$1G = require("./switchs/index.cjs");
+const index$1H = require("./text/index.cjs");
+const index$1I = require("./list/index.cjs");
+const index$1J = require("./lists/index.cjs");
+const index$1K = require("./listsp/index.cjs");
+const index$1L = require("./paging/index.cjs");
+const index$1M = require("./tables/index.cjs");
+const index$1N = require("./tablesp/index.cjs");
+const index$1O = require("./tabless/index.cjs");
+const index$1P = require("./tablesv/index.cjs");
+const index$1Q = require("./tablesvp/index.cjs");
 const index$b = require("./loading/src/index.cjs");
 exports.Button = index.Button;
 exports.Card = index$1.Card;
@@ -208,28 +209,29 @@ exports.Checks = index$1o.Checks;
 exports.DatesDivide = index$1p.DatesDivide;
 exports.DatesPicker = index$1q.DatesPicker;
 exports.Dates = index$1r.Dates;
-exports.EditFloat = index$1s.EditFloat;
-exports.Edit = index$1t.Edit;
-exports.History = index$1u.History;
-exports.Images = index$1v.Images;
-exports.InputArray = index$1w.InputArray;
-exports.InputHistory = index$1x.InputHistory;
-exports.InputNum = index$1y.InputNum;
-exports.InputSelect = index$1z.InputSelect;
-exports.Inputs = index$1A.Inputs;
-exports.Labels = index$1B.Labels;
-exports.SelectScroll = index$1C.SelectScroll;
-exports.Selector = index$1D.Selector;
-exports.Selects = index$1E.Selects;
-exports.Switchs = index$1F.Switchs;
-exports.Text = index$1G.Text;
-exports.List = index$1H.List;
-exports.Lists = index$1I.Lists;
-exports.Listsp = index$1J.Listsp;
-exports.Paging = index$1K.Paging;
-exports.Tables = index$1L.Tables;
-exports.Tablesp = index$1M.Tablesp;
-exports.Tabless = index$1N.Tabless;
-exports.Tablesv = index$1O.Tablesv;
-exports.Tablesvp = index$1P.Tablesvp;
+exports.Dates2 = index$1s.Dates2;
+exports.EditFloat = index$1t.EditFloat;
+exports.Edit = index$1u.Edit;
+exports.History = index$1v.History;
+exports.Images = index$1w.Images;
+exports.InputArray = index$1x.InputArray;
+exports.InputHistory = index$1y.InputHistory;
+exports.InputNum = index$1z.InputNum;
+exports.InputSelect = index$1A.InputSelect;
+exports.Inputs = index$1B.Inputs;
+exports.Labels = index$1C.Labels;
+exports.SelectScroll = index$1D.SelectScroll;
+exports.Selector = index$1E.Selector;
+exports.Selects = index$1F.Selects;
+exports.Switchs = index$1G.Switchs;
+exports.Text = index$1H.Text;
+exports.List = index$1I.List;
+exports.Lists = index$1J.Lists;
+exports.Listsp = index$1K.Listsp;
+exports.Paging = index$1L.Paging;
+exports.Tables = index$1M.Tables;
+exports.Tablesp = index$1N.Tablesp;
+exports.Tabless = index$1O.Tabless;
+exports.Tablesv = index$1P.Tablesv;
+exports.Tablesvp = index$1Q.Tablesvp;
 exports.vLoading = index$b.vLoading;

package/dist/components/index.d.ts

@@ -89,6 +89,7 @@ export * from './checks/index';
 export * from './dates-divide/index';
 export * from './dates-picker/index';
 export * from './dates/index';
+export * from './dates2/index';
 export * from './edit-float/index';
 export * from './edit/index';
 export * from './history/index';

package/dist/components/index.js

@@ -90,6 +90,7 @@ import { Checks } from "./checks/index.js";
 import { DatesDivide } from "./dates-divide/index.js";
 import { DatesPicker } from "./dates-picker/index.js";
 import { Dates } from "./dates/index.js";
+import { Dates2 } from "./dates2/index.js";
 import { EditFloat } from "./edit-float/index.js";
 import { Edit } from "./edit/index.js";
 import { History } from "./history/index.js";
@@ -142,6 +143,7 @@ export {
   ConfigProvider,
   DatePicker,
   Dates,
+  Dates2,
   DatesDivide,
   DatesPicker,
   DepartmentSelect,

package/dist/components/index.scss

@@ -72,6 +72,7 @@
 @use './checks/index.scss' as *;
 @use './dates-divide/index.scss' as *;
 @use './dates/index.scss' as *;
+@use './dates2/index.scss' as *;
 @use './edit-float/index.scss' as *;
 @use './edit/index.scss' as *;
 @use './history/index.scss' as *;
@@ -94,4 +95,4 @@
 @use './tables/index.scss' as *;
 @use './tablesp/index.scss' as *;
 @use './tabless/index.scss' as *;
-@use './tablesvp/index.scss' as *;
+@use './tablesv/index.scss' as *;

package/dist/components/index2.scss

@@ -72,6 +72,7 @@
 @use './checks/style/index2.scss' as *;
 @use './dates-divide/style/index.scss' as *;
 @use './dates/style/index2.scss' as *;
+@use './dates2/style/index2.scss' as *;
 @use './edit-float/style/index.scss' as *;
 @use './edit/style/index.scss' as *;
 @use './history/style/index.scss' as *;
@@ -94,4 +95,4 @@
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;
 @use './tabless/style/index2.scss' as *;
-@use './tablesvp/style/index2.scss' as *;
+@use './tablesv/style/index2.scss' as *;

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

@@ -22,7 +22,7 @@ const dataProps = {
     }
   },
   /**
-   * @props { Object } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
+   * @props { String } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
    * 标签位置
    */
   labelPosition: {

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

@@ -19,7 +19,7 @@ export declare const dataProps: {
         default(): {};
     };
     /**
-     * @props { Object } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
+     * @props { String } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
      * 标签位置
      */
     labelPosition: {

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

@@ -20,7 +20,7 @@ const dataProps = {
     }
   },
   /**
-   * @props { Object } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
+   * @props { String } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
    * 标签位置
    */
   labelPosition: {

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

@@ -10,6 +10,9 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { String, Number } height='auto' 高度
+   */
   height: {
     type: [String, Number],
     default() {
@@ -17,13 +20,17 @@ const dataProps = {
     }
   },
   /**
+   * @props { Boolean } loading=false
    * 加载中
    */
   loading: {
     type: Boolean,
     default: false
   },
-  // 高度自适应
+  /**
+   * @props { Boolean } adaptive
+   * 高度自适应
+   */
   adaptive: Boolean,
   /**
    * @props { Array<Object> } list table展示的列
@@ -56,6 +63,7 @@ const dataProps = {
     }
   },
   /**
+   * @props { String, Number } lineHeight
    * 行高度
    */
   lineHeight: {

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

@@ -14,17 +14,25 @@ export declare const dataProps: {
         type: () => DefaultSort;
         default(): {};
     };
+    /**
+     * @props { String, Number } height='auto' 高度
+     */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default(): string;
     };
     /**
+     * @props { Boolean } loading=false
      * 加载中
      */
     loading: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @props { Boolean } adaptive
+     * 高度自适应
+     */
     adaptive: BooleanConstructor;
     /**
      * @props { Array<Object> } list table展示的列
@@ -83,6 +91,7 @@ export declare const dataProps: {
         default(): never[];
     };
     /**
+     * @props { String, Number } lineHeight
      * 行高度
      */
     lineHeight: {

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

@@ -8,6 +8,9 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { String, Number } height='auto' 高度
+   */
   height: {
     type: [String, Number],
     default() {
@@ -15,13 +18,17 @@ const dataProps = {
     }
   },
   /**
+   * @props { Boolean } loading=false
    * 加载中
    */
   loading: {
     type: Boolean,
     default: false
   },
-  // 高度自适应
+  /**
+   * @props { Boolean } adaptive
+   * 高度自适应
+   */
   adaptive: Boolean,
   /**
    * @props { Array<Object> } list table展示的列
@@ -54,6 +61,7 @@ const dataProps = {
     }
   },
   /**
+   * @props { String, Number } lineHeight
    * 行高度
    */
   lineHeight: {

package/dist/components/loading/src/index.d.ts

@@ -7,7 +7,7 @@ import { AppContext } from 'vue';
  */
 export declare const vLoading: typeof ElLoadingDirective;
 export declare const Loading: {
-    (options?: LoadingOptions): LoadingInstance;
+    (options?: LoadingOptions, context?: AppContext | null): LoadingInstance;
     _context: AppContext | null;
 };
 export default Loading;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} switchs 开关列表
+ * @text value: '' 在@change中会返回 true
+ */
 export declare const dataProps: {
     options: {
         type: {

package/dist/components/switchs/src/index2.cjs

@@ -45,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       for (let k in inactive.value) {
         obj["inactive-" + k] = inactive.value[k];
       }
+      console.log("obj", obj);
       return obj;
     });
     const value = vue.computed({

package/dist/components/switchs/src/index2.js

@@ -43,6 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       for (let k in inactive.value) {
         obj["inactive-" + k] = inactive.value[k];
       }
+      console.log("obj", obj);
       return obj;
     });
     const value = computed({

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

@@ -10,6 +10,9 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { String, Number } height='auto' 高度
+   */
   height: {
     type: [String, Number],
     default() {

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

@@ -17,6 +17,9 @@ export declare const dataProps: {
         type: () => DefaultSort;
         default(): {};
     };
+    /**
+     * @props { String, Number } height='auto' 高度
+     */
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default(): string;

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

@@ -8,6 +8,9 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { String, Number } height='auto' 高度
+   */
   height: {
     type: [String, Number],
     default() {

package/dist/css/{popconfirm.css → dates2.css}

@@ -10,4 +10,14 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+}
+
+.dates2 .dates2-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+.dates2 .dates2-separate {
+  display: flex;
+  align-items: center;
 }

package/dist/css/global-config.css

@@ -10,8 +10,4 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
-}
-
-.elglobal-config {
-  left: 0;
 }