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

package/lib/editor/slider/ibiz-slider/ibiz-slider.cjs

@@ -16,6 +16,9 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("slider");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      valueFormat
+    } = c.parent;
     const {
       useInFocusAndBlur,
       useInValueChange
@@ -27,7 +30,9 @@ const IBizSlider = /* @__PURE__ */ vue.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 = lodashEs.toNumber(editorModel.editorParams.stepvalue);
@@ -53,6 +58,12 @@ const IBizSlider = /* @__PURE__ */ vue.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 = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -60,6 +71,25 @@ const IBizSlider = /* @__PURE__ */ vue.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 = vue.ref();
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -70,17 +100,17 @@ const IBizSlider = /* @__PURE__ */ vue.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 = vue.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);
@@ -104,6 +134,8 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
       step,
       max,
       min,
+      type,
+      textItem,
       showStops,
       range,
       showInput,
@@ -114,23 +146,46 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    let content;
+    if (this.type === "line") {
+      content = [vue.createVNode(vue.resolveComponent("el-slider"), vue.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 ? vue.createVNode("span", {
+        "class": [this.ns.em("text", "val")]
+      }, [this.textVal]) : null];
+    }
+    if (this.type === "circle") {
+      content = vue.createVNode(vue.resolveComponent("el-progress"), vue.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 vue.createVNode("span", {
+            "class": this.ns.em("circle", "text")
+          }, [text]);
+        }
+      });
+    }
     return vue.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"
-    }, [vue.createVNode(vue.resolveComponent("el-slider"), vue.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 ? vue.createVNode("span", {
-      "class": [this.ns.em("text", "val")]
-    }, [this.textVal]) : null]);
+    }, [content]);
   }
 });
 

package/lib/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/lib/locale/en/index.cjs

@@ -260,7 +260,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/lib/locale/zh-CN/index.cjs

@@ -259,8 +259,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/lib/node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/localeData.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('../../../../../../_virtual/_commonjsHelpers.cjs');
+var localeData$2 = require('../../../../../../_virtual/localeData.cjs');
+
+var localeData = localeData$2.__module.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();}(_commonjsHelpers.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.__module, localeData$2.__module.exports));
+
+var localeDataExports = localeData$2.__module.exports;
+var localeData$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(localeDataExports);
+
+exports.default = localeData$1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.26-alpha.0",
+  "version": "0.7.26-alpha.2",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,15 +30,15 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.6",
-    "@ibiz-template-plugin/bi-report": "0.0.2",
+    "@ibiz-template-plugin/bi-report": "0.0.3",
     "@ibiz-template/core": "0.7.25",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.26-alpha.0",
-    "@ibiz-template/runtime": "0.7.26-alpha.0",
+    "@ibiz-template/model-helper": "0.7.26-alpha.2",
+    "@ibiz-template/runtime": "0.7.26-alpha.2",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.26-alpha.0",
+    "@ibiz-template/vue3-util": "0.7.26-alpha.2",
     "@ibiz-template/web-theme": "^1.1.18",
-    "@ibiz/model-core": "^0.1.35",
+    "@ibiz/model-core": "^0.1.37",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -102,7 +102,7 @@
     "@ibiz-template/runtime": "^0.7.0",
     "@ibiz-template/theme": "^0.7.0",
     "@ibiz-template/vue3-util": "^0.7.0",
-    "@ibiz/model-core": "^0.1.35",
+    "@ibiz/model-core": "^0.1.37",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",