@ibiz-template/vue3-components 0.7.26-alpha.1 → 0.7.26-alpha.2

package/es/control/calendar/index.d.ts

@@ -26,9 +26,8 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
     c: import("@ibiz-template/runtime").CalendarController;
     ns: import("@ibiz-template/core").Namespace;
     calendarRef: import("vue").Ref<IData | undefined>;
-    popoverVisible: import("vue").Ref<boolean>;
     selectDate: (tag: string) => void;
-    calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => IData;
+    renderCalendar: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").ISysCalendar>;

package/es/control/calendar/index.mjs

@@ -2,11 +2,13 @@ import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { CalendarControl } from './calendar.mjs';
 import { CalendarProvider } from './calendar.provider.mjs';
+import { IBizCustomCalendar } from './components/custom-calendar/index.mjs';
 
 "use strict";
 const IBizCalendarControl = withInstall(
   CalendarControl,
   function(v) {
+    v.use(IBizCustomCalendar);
     v.component(CalendarControl.name, CalendarControl);
     registerControlProvider(ControlType.CALENDAR, () => new CalendarProvider());
   }

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.mjs

@@ -85,8 +85,8 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     };
     const openLinkView = async () => {
       const res = await c.openLinkView(props.data);
-      if (res) {
-        handleOpenViewClose(res[0]);
+      if (res && res.ok && res.data && res.data.length) {
+        handleOpenViewClose(res.data[0]);
       }
     };
     const {

package/es/editor/date-picker/date-picker-editor.controller.mjs

@@ -41,6 +41,9 @@ class DatePickerEditorController extends EditorController {
    * @Date: 2022-08-25 14:33:14
    */
   get valueFormat() {
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
     if (super.valueFormat) {
       return super.valueFormat;
     }

package/es/editor/date-range/date-range-editor.controller.mjs

@@ -45,6 +45,9 @@ class DateRangeEditorController extends EditorController {
    * @Date: 2022-08-25 14:33:14
    */
   get valueFormat() {
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
     if (super.valueFormat) {
       return super.valueFormat;
     }

package/es/editor/slider/ibiz-slider/ibiz-slider.css

@@ -1 +1 @@
-.ibiz-slider{display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:1px;height:var(--ibiz-height-control-default);border:none}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{margin-left:var(--ibiz-spacing-tight)}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-slider{--ibiz-editor-slider-trigger-width:0.375rem;--ibiz-editor-slider-text-width:2.375rem;display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:var(--ibiz-editor-slider-trigger-width);height:var(--ibiz-height-control-default);border:none;opacity:0}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{min-width:var(--ibiz-editor-slider-text-width);margin-left:var(--ibiz-spacing-tight)}.ibiz-slider__circle--text{font-size:var(--ibiz-font-size-regular)}.ibiz-slider__circle .el-progress{--el-fill-color-light:var(--ibiz-color-fill-0);width:100%}.ibiz-slider__circle .el-progress .el-progress-circle svg>path:nth-child(2){stroke:var(--ibiz-color-primary)}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -29,6 +29,8 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     step: number;
     max: number;
     min: number;
+    type: string;
+    textItem: string;
     showStops: boolean;
     range: boolean;
     showInput: boolean;

package/es/editor/slider/ibiz-slider/ibiz-slider.mjs

@@ -14,6 +14,9 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("slider");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      valueFormat
+    } = c.parent;
     const {
       useInFocusAndBlur,
       useInValueChange
@@ -25,7 +28,9 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     let range = false;
     let showInput = false;
     let showText = false;
-    let format = "0%";
+    let format = valueFormat || "0%";
+    let type = "line";
+    let textItem = "";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.stepvalue) {
         step = toNumber(editorModel.editorParams.stepvalue);
@@ -51,6 +56,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.format) {
         format = editorModel.editorParams.format;
       }
+      if (editorModel.editorParams.type) {
+        type = editorModel.editorParams.type;
+      }
+      if (editorModel.editorParams.textItem) {
+        textItem = editorModel.editorParams.textItem;
+      }
     }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -58,6 +69,25 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const handleLineVal = (val) => {
+      if (range) {
+        return JSON.parse(val);
+      }
+      return Number(val);
+    };
+    const handleCircleVal = (val) => {
+      return Number(val) * 100;
+    };
+    const handleCurVal = (val) => {
+      switch (type) {
+        case "line":
+          return handleLineVal(val);
+        case "circle":
+          return handleCircleVal(val);
+        default:
+          return val;
+      }
+    };
     const currentVal = ref();
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -68,17 +98,17 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
             currentVal.value = 0;
           }
         } else {
-          if (range) {
-            currentVal.value = JSON.parse(newVal);
-          } else {
-            currentVal.value = Number(newVal);
-          }
+          currentVal.value = handleCurVal(newVal);
         }
       }
     }, {
       immediate: true
     });
     const textVal = computed(() => {
+      if (textItem) {
+        const data = props.data || {};
+        return ibiz.util.text.format("".concat(data[textItem]), format);
+      }
       const tempCurVal = Number(currentVal.value);
       const value = Number(tempCurVal / max);
       const formatValue = ibiz.util.text.format("".concat(value), format);
@@ -102,6 +132,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       step,
       max,
       min,
+      type,
+      textItem,
       showStops,
       range,
       showInput,
@@ -112,23 +144,46 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    let content;
+    if (this.type === "line") {
+      content = [createVNode(resolveComponent("el-slider"), mergeProps({
+        "modelValue": this.currentVal,
+        "onUpdate:modelValue": ($event) => this.currentVal = $event,
+        "disabled": this.disabled || this.readonly,
+        "step": this.step,
+        "max": this.max,
+        "min": this.min,
+        "showStops": this.showStops,
+        "range": this.range,
+        "showInput": this.showInput,
+        "onChange": this.handleChange
+      }, this.$attrs), null), this.showText ? createVNode("span", {
+        "class": [this.ns.em("text", "val")]
+      }, [this.textVal]) : null];
+    }
+    if (this.type === "circle") {
+      content = createVNode(resolveComponent("el-progress"), mergeProps({
+        "type": this.type,
+        "percentage": this.currentVal
+      }, this.$attrs), {
+        default: (item) => {
+          if (!this.showText) {
+            return "";
+          }
+          let text = item.percentage;
+          if (this.textItem) {
+            text = this.textVal;
+          }
+          return createVNode("span", {
+            "class": this.ns.em("circle", "text")
+          }, [text]);
+        }
+      });
+    }
     return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.e(this.type)],
       "ref": "editorRef"
-    }, [createVNode(resolveComponent("el-slider"), mergeProps({
-      "modelValue": this.currentVal,
-      "onUpdate:modelValue": ($event) => this.currentVal = $event,
-      "disabled": this.disabled || this.readonly,
-      "step": this.step,
-      "max": this.max,
-      "min": this.min,
-      "showStops": this.showStops,
-      "range": this.range,
-      "showInput": this.showInput,
-      "onChange": this.handleChange
-    }, this.$attrs), null), this.showText ? createVNode("span", {
-      "class": [this.ns.em("text", "val")]
-    }, [this.textVal]) : null]);
+    }, [content]);
   }
 });
 

package/es/locale/en/index.d.ts

@@ -923,6 +923,49 @@ declare const _default: {
             today: string;
             nextMonth: string;
             nextYear: string;
+            calendardaily: {
+                title: string;
+                weeks: {
+                    sunday: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                };
+                tip: string;
+                today: string;
+                tomorrow: string;
+                nextweek: string;
+            };
+            calendarmonth: {
+                lastmonth: string;
+                nextmonth: string;
+                today: string;
+                year: string;
+                month: string;
+                weeks: {
+                    sunday: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                };
+            };
+            calendarweek: {
+                weeks: {
+                    sunday: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                };
+            };
         };
         chart: {
             chartPlaceholder: string;

package/es/locale/en/index.mjs

@@ -256,7 +256,50 @@ var index = {
       lastMonth: "Last month",
       today: "Today",
       nextMonth: "Next month",
-      nextYear: "Next year"
+      nextYear: "Next year",
+      calendardaily: {
+        title: "Working Calendar",
+        weeks: {
+          sunday: "Sunday",
+          monday: "Monday",
+          tuesday: "Tuesday",
+          wednesday: "Wednesday",
+          thursday: "Thursday",
+          friday: "Friday",
+          saturday: "Saturday"
+        },
+        tip: "All Day",
+        today: "Today",
+        tomorrow: "To Morrow",
+        nextweek: "Next Week"
+      },
+      calendarmonth: {
+        lastmonth: "Last Month",
+        nextmonth: "Next Month",
+        today: "Today",
+        year: "Year",
+        month: "Month",
+        weeks: {
+          sunday: "Sun",
+          monday: "Mon",
+          tuesday: "Tue",
+          wednesday: "Wed",
+          thursday: "Thu",
+          friday: "Fri",
+          saturday: "Sat"
+        }
+      },
+      calendarweek: {
+        weeks: {
+          sunday: "Sun",
+          monday: "Mon",
+          tuesday: "Tue",
+          wednesday: "Wed",
+          thursday: "Thu",
+          friday: "Fri",
+          saturday: "Sat"
+        }
+      }
     },
     chart: {
       chartPlaceholder: "Chart"

package/es/locale/zh-CN/index.d.ts

@@ -919,8 +919,47 @@ declare const _default: {
             lastYear: string;
             lastMonth: string;
             today: string;
+            year: string;
+            month: string;
             nextMonth: string;
             nextYear: string;
+            title: string;
+            calendardaily: {
+                weeks: {
+                    sunday: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                };
+                tip: string;
+                tomorrow: string;
+                nextweek: string;
+            };
+            calendarmonth: {
+                weeks: {
+                    sunday: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                };
+            };
+            calendarweek: {
+                weeks: {
+                    sunday: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                };
+            };
         };
         chart: {
             chartPlaceholder: string;

package/es/locale/zh-CN/index.mjs

@@ -255,8 +255,47 @@ var index = {
       lastYear: "\u53BB\u5E74",
       lastMonth: "\u4E0A\u4E2A\u6708",
       today: "\u4ECA\u5929",
+      year: "\u5E74",
+      month: "\u6708",
       nextMonth: "\u4E0B\u4E2A\u6708",
-      nextYear: "\u660E\u5E74"
+      nextYear: "\u660E\u5E74",
+      title: "\u5DE5\u4F5C\u65E5\u5386",
+      calendardaily: {
+        weeks: {
+          sunday: "\u661F\u671F\u65E5",
+          monday: "\u661F\u671F\u4E00",
+          tuesday: "\u661F\u671F\u4E8C",
+          wednesday: "\u661F\u671F\u4E09",
+          thursday: "\u661F\u671F\u56DB",
+          friday: "\u661F\u671F\u4E94",
+          saturday: "\u661F\u671F\u516D"
+        },
+        tip: "\u5168\u5929",
+        tomorrow: "\u660E\u5929",
+        nextweek: "\u4E0B\u5468"
+      },
+      calendarmonth: {
+        weeks: {
+          sunday: "\u65E5",
+          monday: "\u4E00",
+          tuesday: "\u4E8C",
+          wednesday: "\u4E09",
+          thursday: "\u56DB",
+          friday: "\u4E94",
+          saturday: "\u516D"
+        }
+      },
+      calendarweek: {
+        weeks: {
+          sunday: "\u65E5",
+          monday: "\u4E00",
+          tuesday: "\u4E8C",
+          wednesday: "\u4E09",
+          thursday: "\u56DB",
+          friday: "\u4E94",
+          saturday: "\u516D"
+        }
+      }
     },
     chart: {
       chartPlaceholder: "\u56FE\u8868"

package/es/node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/localeData.mjs

@@ -0,0 +1,13 @@
+import { commonjsGlobal, getDefaultExportFromCjs } from '../../../../../../_virtual/_commonjsHelpers.mjs';
+import { __module as localeData$2 } from '../../../../../../_virtual/localeData.mjs';
+
+var localeData = localeData$2.exports;
+
+(function (module, exports) {
+	!function(n,e){"object"=='object'&&"undefined"!='object'?module.exports=e():"function"==typeof undefined&&undefined.amd?undefined(e):(n="undefined"!=typeof globalThis?globalThis:n||self).dayjs_plugin_localeData=e();}(commonjsGlobal,(function(){"use strict";return function(n,e,t){var r=e.prototype,o=function(n){return n&&(n.indexOf?n:n.s)},u=function(n,e,t,r,u){var i=n.name?n:n.$locale(),a=o(i[e]),s=o(i[t]),f=a||s.map((function(n){return n.slice(0,r)}));if(!u)return f;var d=i.weekStart;return f.map((function(n,e){return f[(e+(d||0))%7]}))},i=function(){return t.Ls[t.locale()]},a=function(n,e){return n.formats[e]||function(n){return n.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(n,e,t){return e||t.slice(1)}))}(n.formats[e.toUpperCase()])},s=function(){var n=this;return {months:function(e){return e?e.format("MMMM"):u(n,"months")},monthsShort:function(e){return e?e.format("MMM"):u(n,"monthsShort","months",3)},firstDayOfWeek:function(){return n.$locale().weekStart||0},weekdays:function(e){return e?e.format("dddd"):u(n,"weekdays")},weekdaysMin:function(e){return e?e.format("dd"):u(n,"weekdaysMin","weekdays",2)},weekdaysShort:function(e){return e?e.format("ddd"):u(n,"weekdaysShort","weekdays",3)},longDateFormat:function(e){return a(n.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return s.bind(this)()},t.localeData=function(){var n=i();return {firstDayOfWeek:function(){return n.weekStart||0},weekdays:function(){return t.weekdays()},weekdaysShort:function(){return t.weekdaysShort()},weekdaysMin:function(){return t.weekdaysMin()},months:function(){return t.months()},monthsShort:function(){return t.monthsShort()},longDateFormat:function(e){return a(n,e)},meridiem:n.meridiem,ordinal:n.ordinal}},t.months=function(){return u(i(),"months")},t.monthsShort=function(){return u(i(),"monthsShort","months",3)},t.weekdays=function(n){return u(i(),"weekdays",null,null,n)},t.weekdaysShort=function(n){return u(i(),"weekdaysShort","weekdays",3,n)},t.weekdaysMin=function(n){return u(i(),"weekdaysMin","weekdays",2,n)};}})); 
+} (localeData$2, localeData$2.exports));
+
+var localeDataExports = localeData$2.exports;
+var localeData$1 = /*@__PURE__*/getDefaultExportFromCjs(localeDataExports);
+
+export { localeData$1 as default };

package/lib/_virtual/localeData.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var localeData = {exports: {}};
+
+exports.__module = localeData;