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

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.d.ts

@@ -68,6 +68,6 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -82,6 +82,6 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.d.ts

@@ -65,6 +65,6 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.css

@@ -1 +1 @@
-.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--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-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--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-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -68,6 +68,6 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -85,7 +85,8 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
   render() {
     let _slot;
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
+      "style": this.controller.rowNumber ? "--ibiz-radio-group-row-number:".concat(this.controller.rowNumber) : "",
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.e("group"),

package/es/editor/radio-button-list/radio-button-list.controller.d.ts

@@ -7,4 +7,12 @@ import { IRadioButtonList } from '@ibiz/model-core';
  * @Date: 2022-08-25 10:57:58
  */
 export declare class RadioButtonListEditorController extends CodeListEditorController<IRadioButtonList> {
+    /**
+     * 单选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    rowNumber: number | undefined;
+    protected onInit(): Promise<void>;
 }

package/es/editor/radio-button-list/radio-button-list.controller.mjs

@@ -1,7 +1,30 @@
 import { CodeListEditorController } from '@ibiz-template/runtime';
 
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class RadioButtonListEditorController extends CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 单选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    __publicField(this, "rowNumber");
+  }
+  async onInit() {
+    var _a;
+    super.onInit();
+    if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
+      this.rowNumber = Number(this.editorParams.rowNumber);
+    }
+  }
 }
 
 export { RadioButtonListEditorController };

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

@@ -68,6 +68,6 @@ export declare const IBizRate: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -65,6 +65,6 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -74,6 +74,6 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-span.is-is-ellipsis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/span/span/span.d.ts

@@ -90,6 +90,6 @@ export declare const IBizSpan: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/span/span/span.mjs

@@ -149,8 +149,9 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
     } else {
       content = "- - -";
     }
+    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
       "ref": "editorRef"
     }, [content]);
   }

package/es/editor/span/span-link/span-link.d.ts

@@ -65,6 +65,6 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -71,6 +71,6 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

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

@@ -68,6 +68,6 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.d.ts

@@ -72,6 +72,6 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -75,6 +75,6 @@ export declare const IBizInputNumber: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/text-box/input/input.d.ts

@@ -114,6 +114,6 @@ export declare const IBizInput: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -78,6 +78,6 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/upload/ibiz-image-preview/ibiz-image-preview.d.ts

@@ -62,6 +62,6 @@ export declare const IBizImagePreview: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -82,6 +82,6 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.d.ts

@@ -76,6 +76,6 @@ export declare const IBizSearchCondEdit: import("vue").DefineComponent<{
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
-    autoFocus: boolean;
     readonly: boolean;
+    autoFocus: boolean;
 }, {}>;

package/es/interface/i-pql-item.d.ts

@@ -0,0 +1,52 @@
+export interface IPqlItem {
+    /**
+     * 类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:04
+     * @type {('condition' | 'connection')}
+     */
+    type?: 'condition' | 'connection';
+    /**
+     * 键
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:12
+     * @type {{
+     *     value?: string;
+     *     label?: string;
+     *   }}
+     */
+    key?: {
+        value?: string;
+        label?: string;
+    };
+    /**
+     * 操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:24
+     * @type {{
+     *     value?: string;
+     *     label?: string;
+     *   }}
+     */
+    operator?: {
+        value?: string;
+        label?: string;
+    };
+    /**
+     * 值
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:31
+     * @type {{
+     *     value?: string;
+     *     label?: string;
+     *   }}
+     */
+    value?: {
+        value?: string;
+        label?: string;
+    };
+}

package/es/interface/i-pql-item.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-pql-node.d.ts

@@ -0,0 +1,37 @@
+export interface IPqlNode {
+    /**
+     * 类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:25
+     * @type {('pql-field'
+     *     | 'pql-field-operator'
+     *     | 'pql-field-value'
+     *     | 'pql-field-connection')}
+     */
+    type?: 'pql-field' | 'pql-field-operator' | 'pql-field-value' | 'pql-field-connection';
+    /**
+     * 标签
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:36
+     * @type {string}
+     */
+    label?: string;
+    /**
+     * 值
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:47
+     * @type {string}
+     */
+    value?: string;
+    /**
+     * 文本
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:54
+     * @type {string}
+     */
+    text?: string;
+}

package/es/interface/i-pql-node.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-schema-field.d.ts

@@ -0,0 +1,51 @@
+import { ValueOP } from '@ibiz-template/runtime';
+export interface ISchemaField {
+    /**
+     * 属性标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-19 12:07:21
+     * @type {string}
+     */
+    appDEFieldId: string;
+    /**
+     * 标题
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-19 12:07:31
+     * @type {string}
+     */
+    caption: string;
+    /**
+     * 预置操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-19 12:07:58
+     * @type {ValueOP[]}
+     */
+    valueOPs: ValueOP[];
+    /**
+     * 代码表标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-19 12:07:46
+     * @type {string}
+     */
+    appCodeListId?: string;
+    /**
+     * 应用实体标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-19 12:07:10
+     * @type {string}
+     */
+    appDataEntityId?: string;
+    /**
+     * 应用实体完全标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-19 12:07:22
+     * @type {string}
+     */
+    appDataEntityFullTag?: string;
+}

package/es/interface/i-schema-field.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/index.d.ts

@@ -0,0 +1,3 @@
+export * from './i-schema-field';
+export * from './i-pql-node';
+export * from './i-pql-item';

package/es/interface/index.mjs

@@ -0,0 +1,5 @@
+import './i-schema-field.mjs';
+import './i-pql-node.mjs';
+import './i-pql-item.mjs';
+
+"use strict";

package/lib/common/index.cjs

@@ -28,6 +28,7 @@ var carouselCard = require('./carousel-card/carousel-card.cjs');
 var emojiSelect = require('./emoji-select/emoji-select.cjs');
 var quickEdit = require('./quick-edit/quick-edit.cjs');
 var fullscreenToolbar = require('./fullscreen-toolbar/fullscreen-toolbar.cjs');
+var pqlEditor = require('./pql-editor/pql-editor.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -69,6 +70,7 @@ const IBizCommonComponents = {
     v.component(customTheme.CustomTheme.name, customTheme.CustomTheme);
     v.component(carouselCard.IBizCarouselCard.name, carouselCard.IBizCarouselCard);
     v.component(fullscreenToolbar.IBizFullscreenToolbar.name, fullscreenToolbar.IBizFullscreenToolbar);
+    v.component(pqlEditor.IBizPqlEditor.name, pqlEditor.IBizPqlEditor);
   }
 };
 

package/lib/common/pql-editor/components/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var pqlEditorSuggestion = require('./pql-editor-suggestion/pql-editor-suggestion.cjs');
+
+"use strict";
+
+exports.IBizPqlEditorSuggestion = pqlEditorSuggestion.IBizPqlEditorSuggestion;

package/lib/common/pql-editor/components/pql-editor-suggestion/pql-editor-suggestion.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./pql-editor-suggestion.css');
+
+"use strict";
+const IBizPqlEditorSuggestion = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPqlEditorSuggestion",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    renderItem: {
+      type: Function
+    }
+  },
+  emits: {
+    select: (_item) => true
+  },
+  setup(_props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("pql-editor-suggestion");
+    const handleClick = (item) => {
+      emit("select", item);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.items.map((item) => {
+      return vue.createVNode("div", {
+        "class": [this.ns.b("item")],
+        "onClick": (e) => {
+          e.stopPropagation();
+          this.handleClick(item);
+        }
+      }, [this.renderItem ? this.renderItem(item) : vue.createVNode("div", {
+        "class": this.ns.be("item", "text")
+      }, [item.label || ""])]);
+    })]);
+  }
+});
+
+exports.IBizPqlEditorSuggestion = IBizPqlEditorSuggestion;

package/lib/common/pql-editor/components/pql-editor-suggestion/pql-editor-suggestion.css

@@ -0,0 +1 @@
+.ibiz-pql-editor-suggestion{max-height:320px;padding:var(--ibiz-spacing-base-tight) 0;overflow-y:auto}.ibiz-pql-editor-suggestion-item{display:flex;align-items:center;min-height:40px;padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;outline:0}.ibiz-pql-editor-suggestion-item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-pql-editor-suggestion-item__text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}