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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/chart-x3_XMfQ1.js +1 -0
  2. package/dist/{index-HNRMy1_g.js → index-Nw4GzACH.js} +1 -1
  3. package/dist/index-gL570YDJ.js +4 -0
  4. package/dist/{index-xa8K5AHD.js → index-qjfHTzTv.js} +1 -1
  5. package/dist/index.min.css +1 -1
  6. package/dist/index.system.min.js +1 -1
  7. package/dist/{xlsx-util-RK7YFZYE.js → xlsx-util-ngeyHiLd.js} +1 -1
  8. package/es/common/fullscreen-toolbar/fullscreen-toolbar.mjs +8 -0
  9. package/es/control/chart/chart.css +1 -1
  10. package/es/control/chart/chart.d.ts +8 -2
  11. package/es/control/chart/chart.mjs +79 -3
  12. package/es/control/form/form-detail/form-item/form-item.mjs +3 -2
  13. package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts +1 -0
  14. package/es/control/grid/grid/grid-control.util.d.ts +1 -0
  15. package/es/control/grid/grid/grid-control.util.mjs +14 -1
  16. package/es/control/grid/grid/grid.d.ts +1 -0
  17. package/es/control/grid/grid/grid.mjs +4 -1
  18. package/es/control/grid/grid/index.d.ts +1 -0
  19. package/es/control/grid/grid-column/grid-field-column/grid-field-column.d.ts +3 -2
  20. package/es/control/grid/grid-column/grid-field-column/grid-field-column.mjs +11 -7
  21. package/es/control/grid/grid-column/grid-field-column/index.d.ts +1 -1
  22. package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
  23. package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs +5 -5
  24. package/es/locale/en/index.d.ts +1 -0
  25. package/es/locale/en/index.mjs +2 -1
  26. package/es/locale/zh-CN/index.d.ts +1 -0
  27. package/es/locale/zh-CN/index.mjs +2 -1
  28. package/lib/common/fullscreen-toolbar/fullscreen-toolbar.cjs +8 -0
  29. package/lib/control/chart/chart.cjs +78 -2
  30. package/lib/control/chart/chart.css +1 -1
  31. package/lib/control/form/form-detail/form-item/form-item.cjs +3 -2
  32. package/lib/control/grid/grid/grid-control.util.cjs +14 -1
  33. package/lib/control/grid/grid/grid.cjs +4 -1
  34. package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs +10 -6
  35. package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs +5 -5
  36. package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
  37. package/lib/locale/en/index.cjs +2 -1
  38. package/lib/locale/zh-CN/index.cjs +2 -1
  39. package/package.json +6 -6
  40. package/dist/chart-4KHwhatb.js +0 -1
  41. package/dist/index-RYTwEwp1.js +0 -4
@@ -202,7 +202,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
202
202
  renderColumns,
203
203
  defaultSort,
204
204
  summaryMethod,
205
- spanMethod
205
+ spanMethod,
206
+ headerDragend
206
207
  } = gridControl_util.useAppGridBase(c, props);
207
208
  const {
208
209
  renderPopover
@@ -314,6 +315,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
314
315
  renderNoData,
315
316
  summaryMethod,
316
317
  spanMethod,
318
+ headerDragend,
317
319
  renderPopover,
318
320
  defaultSort,
319
321
  renderBatchToolBar,
@@ -352,6 +354,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
352
354
  "onRowDblclick": this.onDbRowClick,
353
355
  "onSelectionChange": this.onSelectionChange,
354
356
  "onSortChange": this.onSortChange,
357
+ "onHeaderDragend": this.headerDragend,
355
358
  "tooltip-effect": "light",
356
359
  "scrollbar-always-on": true
357
360
  }, {
@@ -37,16 +37,20 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
37
37
  props.controller.openLinkView(props.row, event);
38
38
  }
39
39
  };
40
- const CustomHtml = vue.computed(() => {
41
- return props.controller.getCustomHtml(props.row);
40
+ const CustomHtml = vue.ref("");
41
+ vue.watch(() => props.row, async () => {
42
+ CustomHtml.value = await props.controller.getCustomHtml(props.row);
43
+ }, {
44
+ deep: true
42
45
  });
43
46
  const fieldValue = vue.computed(() => props.row.data[props.controller.fieldName]);
44
47
  const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
45
48
  const percent = vue.computed(() => {
46
49
  const {
47
- grid
50
+ grid,
51
+ fieldName
48
52
  } = props.controller;
49
- if (!grid.showPercent) {
53
+ if (!grid.percentkeys.includes(fieldName)) {
50
54
  return "";
51
55
  }
52
56
  const value = Number(fieldValue.value);
@@ -54,8 +58,8 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
54
58
  const {
55
59
  totalResult = {}
56
60
  } = grid.state;
57
- const total = totalResult[props.controller.fieldName];
58
- if (total) {
61
+ const total = totalResult[fieldName];
62
+ if (total && !Number.isNaN(total)) {
59
63
  return ibiz.util.text.format("".concat(value / total), "0.##%");
60
64
  }
61
65
  }
@@ -332,12 +332,12 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
332
332
  default: () => [_slot]
333
333
  }), !this.readonly && vue.createVNode("div", {
334
334
  "class": this.ns.e("buns-position")
335
- }, [vue.createVNode("div", {
336
- "class": this.ns.e("btns")
337
- }, [this.c.model.pickupAppViewId ? vue.createVNode("ion-icon", {
338
- "onClick": this.openPickUpView,
335
+ }, [this.c.model.pickupAppViewId ? vue.createVNode("div", {
336
+ "class": this.ns.e("btns"),
337
+ "onClick": this.openPickUpView
338
+ }, [vue.createVNode("ion-icon", {
339
339
  "name": "search"
340
- }, null) : null])])];
340
+ }, null)]) : null])];
341
341
  const readonlyContent = vue.createVNode("div", {
342
342
  "class": (this.ns.b(), this.ns.m("readonly"))
343
343
  }, [this.valueText]);
@@ -1 +1 @@
1
- @charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{right:26px;cursor:pointer;position:relative;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
1
+ @charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
@@ -306,7 +306,8 @@ var index = {
306
306
  }
307
307
  },
308
308
  chart: {
309
- chartPlaceholder: "Chart"
309
+ chartPlaceholder: "Chart",
310
+ drillDown: "DrillDown"
310
311
  },
311
312
  dashboard: {
312
313
  customDashboardContainer: {
@@ -302,7 +302,8 @@ var index = {
302
302
  }
303
303
  },
304
304
  chart: {
305
- chartPlaceholder: "\u56FE\u8868"
305
+ chartPlaceholder: "\u56FE\u8868",
306
+ drillDown: "\u68C0\u67E5\u660E\u7EC6"
306
307
  },
307
308
  dashboard: {
308
309
  customDashboardContainer: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ibiz-template/vue3-components",
3
- "version": "0.7.30-alpha.0",
3
+ "version": "0.7.30-alpha.2",
4
4
  "description": "使用 rollup 编译 vue 组件或者 jsx",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.mjs",
@@ -30,15 +30,15 @@
30
30
  "@floating-ui/dom": "^1.5.3",
31
31
  "@ibiz-template-plugin/ai-chat": "^0.0.5",
32
32
  "@ibiz-template-plugin/gantt": "0.1.8-alpha.6",
33
- "@ibiz-template-plugin/bi-report": "0.0.9",
33
+ "@ibiz-template-plugin/bi-report": "0.0.10",
34
34
  "@ibiz-template/core": "0.7.28",
35
35
  "@ibiz-template/devtool": "0.0.1-dev.6",
36
- "@ibiz-template/model-helper": "0.7.29",
37
- "@ibiz-template/runtime": "0.7.29",
36
+ "@ibiz-template/model-helper": "0.7.30-alpha.0",
37
+ "@ibiz-template/runtime": "0.7.30-alpha.0",
38
38
  "@ibiz-template/theme": "^0.7.0",
39
- "@ibiz-template/vue3-util": "0.7.29",
39
+ "@ibiz-template/vue3-util": "0.7.30-alpha.0",
40
40
  "@ibiz-template/web-theme": "^1.1.18",
41
- "@ibiz/model-core": "^0.1.43",
41
+ "@ibiz/model-core": "^0.1.44",
42
42
  "@imengyu/vue3-context-menu": "^1.3.5",
43
43
  "@monaco-editor/loader": "^1.4.0",
44
44
  "@wangeditor/editor": "^5.1.23",
@@ -1 +0,0 @@
1
- System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","@ibiz-template/runtime"],(function(e){"use strict";var t,i,s,r,a,n,o,d,c,l,h,u,m,p;return{setters:[function(e){t=e.defineComponent,i=e.ref,s=e.watch,r=e.onMounted,a=e.onBeforeUnmount,n=e.createVNode,o=e.resolveComponent,d=e.nextTick,c=e.isVNode},function(e){l=e.useControlController,h=e.useNamespace},function(e){u=e.init},function(e){m=e.createUUID},function(e){p=e.ChartController}],execute:function(){e("default",t({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0},isSimple:{type:Boolean,required:!1},data:{type:Array,required:!1}},setup(e){const t=l(((...e)=>new p(...e))),f=h("control-".concat(t.model.controlType.toLowerCase())),v=i(),b=i(0),g=m(),y=()=>{e.data&&(t.state.items=e.data,t.afterLoad({},t.state.items))};t.evt.on("onCreated",(async()=>{e.isSimple&&(y(),t.state.isSimple=!0,t.state.isLoaded=!0)})),s((()=>e.data),(()=>{e.isSimple&&y()}),{deep:!0});const w=async()=>{await d();const e=document.getElementById(g);e&&("bottom"===t.state.gridPosition||"top"===t.state.gridPosition?b.value=e.offsetHeight/2-8:b.value=e.offsetHeight-16)};let C;r((()=>{const e=u(v.value);t.initChart(e),window.addEventListener("resize",w),v.value&&ResizeObserver&&(C=new ResizeObserver((()=>{t.resizeChart()})),C.observe(v.value)),w()})),s((()=>t.state.showGrid),(()=>{w()}),{immediate:!0});return a((()=>{window.removeEventListener("resize",w),null==C||C.disconnect()})),{c:t,ns:f,chartRef:v,uuid:g,renderGrid:()=>{let e;return n(o("el-table"),{ref:"tableRef",data:t.state.gridData||[],border:!0,style:{width:"100%"},"max-height":b.value,"header-row-class-name":f.e("grid-header")},"function"==typeof(i=e=t.state.gridHeaders.map((e=>n(o("el-table-column"),{prop:e.id,align:"center",label:e.name},null))))||"[object Object]"===Object.prototype.toString.call(i)&&!c(i)?e:{default:()=>[e]});var i}}},render(){return n(o("iBizControlBase"),{controller:this.c},{default:()=>[n("div",{id:this.uuid,class:this.ns.b("chart-container")},[n(o("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:ibiz.i18n.t("control.common.currentNoData")},null),n("div",{class:[this.ns.e("chart-grid"),this.ns.is("no-data",0===this.c.state.items.length),this.ns.is("show-grid",this.c.state.showGrid),{[this.ns.em("chart-grid",this.c.state.gridPosition)]:this.c.state.showGrid}]},[n("div",{class:[this.ns.e("chart-grid-container"),this.ns.is(this.c.state.gridPosition,this.c.state.showGrid),this.ns.is("no-grid",!this.c.state.showGrid)]},[n("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")])]),this.c.state.showGrid?n("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));