@ticatec/uniface-flexi-module 0.0.2

package/dist/criteria-panel/lib/FlexiCriteriaSet.d.ts

@@ -0,0 +1,24 @@
+import FlexiCriteriaField, { type FlexiCriteriaFieldSchema } from "./FlexiCriteriaField";
+import type { Arrangement } from "../../flexi-form/lib";
+export type InvalidateHandler = () => void;
+export interface FlexiCriteriaSetSchema {
+    variant?: "outlined" | 'filled';
+    arrangement?: Arrangement;
+    label$style?: string;
+    fields: Array<FlexiCriteriaFieldSchema>;
+}
+export default class FlexiCriteriaSet {
+    #private;
+    protected field: {
+        [key: string]: FlexiCriteriaField;
+    };
+    readonly arrangement: Arrangement;
+    readonly label$style?: string;
+    readonly variant?: "outlined" | 'filled';
+    constructor(schema: FlexiCriteriaSetSchema);
+    initialize(): Promise<void>;
+    setInvalidateHandler(value: InvalidateHandler | null): void;
+    invalidate(): void;
+    get fields(): Array<FlexiCriteriaField>;
+    getDictionary(key: string): any;
+}

package/dist/criteria-panel/lib/FlexiCriteriaSet.js

@@ -0,0 +1,48 @@
+import FlexiCriteriaField, {} from "./FlexiCriteriaField";
+import FlexiContext from "../..";
+export default class FlexiCriteriaSet {
+    #fields = [];
+    field = {};
+    #onInvalidate = null;
+    #dictionaries;
+    arrangement;
+    label$style;
+    variant;
+    #schema;
+    constructor(schema) {
+        this.#fields = [];
+        this.#dictionaries = {};
+        this.#schema = schema;
+        this.arrangement = schema.arrangement ?? 'vertical';
+        this.label$style = schema.label$style;
+        this.variant = schema.variant ?? 'outlined';
+    }
+    async initialize() {
+        const dicts = [];
+        for (const schema of this.#schema.fields) {
+            if (schema.dictName && !dicts.includes(schema.dictName)) {
+                dicts.push(schema.dictName);
+            }
+        }
+        this.#dictionaries = FlexiContext.getInstance().loadDictionaries(dicts);
+        for (const schema of this.#schema.fields) {
+            const field = new FlexiCriteriaField(this, schema);
+            this.#fields.push(field);
+            if (schema.name) {
+                this.field[schema.name] = field;
+            }
+        }
+    }
+    setInvalidateHandler(value) {
+        this.#onInvalidate = value;
+    }
+    invalidate() {
+        this.#onInvalidate?.();
+    }
+    get fields() {
+        return this.#fields;
+    }
+    getDictionary(key) {
+        return this.#dictionaries[key] ?? [];
+    }
+}

package/dist/flexi-datatable/FlexiDataTable.d.ts

@@ -0,0 +1,111 @@
+import type { ActionsColumn, DataColumn, IndicatorColumn } from "@ticatec/uniface-element/DataTable";
+export interface FlexiDataTableColumnSchema {
+    /**
+     * 列头文字
+     */
+    text: string;
+    /**
+     * 对应的字段/属性名
+     */
+    field?: string;
+    /**
+     * 是否冻结在数据表中，如果前面的frozen是false，那么就无效
+     */
+    frozen?: boolean;
+    /**
+     * 对齐方式
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * 单元格的宽度
+     */
+    width: number;
+    /**
+     * 最小宽度（如何可以更改大小的时候）
+     */
+    minWidth?: number;
+    /**
+     * 是否可以换行，默认为false
+     */
+    warp?: boolean;
+    /**
+     * 单元格转换函数
+     */
+    formatter?: string;
+    /**
+     * 是否忽略html的转义符
+     */
+    escapeHTML?: boolean;
+    /**
+     * 超链接设置
+     */
+    href?: string;
+    /**
+     * 是否生产hint
+     */
+    hint?: string;
+    /**
+     * 渲染器
+     */
+    render?: string;
+    /**
+     *
+     */
+    visible?: boolean;
+    /**
+     *
+     */
+    resizable?: boolean;
+    /**
+     *
+     */
+    compareFunction?: string;
+}
+export interface IndicatorColumnSchema {
+    width: number;
+    displayNo?: boolean;
+    selectable?: boolean;
+}
+export interface ActionsColumnSchema {
+    /** 宽度 */
+    width: number;
+    /** 对齐方式 */
+    align?: "left" | "center";
+    /** 行数据的操作动作函数的名称 */
+    getActions: string;
+}
+export interface FlexiDataTableSchema {
+    round?: boolean;
+    indicatorColumn: IndicatorColumnSchema;
+    actionsColumn?: ActionsColumnSchema;
+    columns: Array<FlexiDataTableColumnSchema>;
+}
+export default class FlexiDataTable {
+    #private;
+    readonly round?: boolean;
+    readonly indicatorColumn: IndicatorColumn;
+    constructor(schema: FlexiDataTableSchema);
+    initialize(): Promise<void>;
+    get actionsColumn(): ActionsColumn | undefined;
+    get columns(): Array<DataColumn>;
+    /**
+     * 获取数据字典值
+     * @param dict
+     * @param key
+     * @param keyCode
+     * @param keyText
+     * @param missingValue
+     * @protected
+     */
+    protected getDictionaryText(dict: Array<any>, key: string, keyCode?: string, keyText?: string, missingValue?: string): any;
+    /**
+     * 比较两个字符串的大小
+     * @param {string} a - 第一个字符串
+     * @param {string} b - 第二个字符串
+     * @param {object} [options]
+     * @param {boolean} [options.ignoreCase=false] - 是否忽略大小写
+     * @param {string} [options.locale='en'] - 语言环境（如 'en', 'zh', 'fr' 等）
+     * @returns {number} -1（a<b），0（相等），1（a>b）
+     */
+    protected compareStrings(a: string, b: string, options?: any): number;
+}

package/dist/flexi-datatable/FlexiDataTable.js

@@ -0,0 +1,90 @@
+import utils from "../flexi-form/lib/utils";
+export default class FlexiDataTable {
+    #columns = [];
+    round;
+    indicatorColumn;
+    #actionsColumn;
+    #schema;
+    constructor(schema) {
+        this.#schema = schema;
+        this.round = schema.round;
+        this.indicatorColumn = { displayNo: true, ...schema.indicatorColumn };
+    }
+    async initialize() {
+        if (this.#schema.actionsColumn) {
+            const getActions = this[this.#schema.actionsColumn.getActions];
+            if (getActions) {
+                this.#actionsColumn = {
+                    width: this.#schema.actionsColumn.width,
+                    align: this.#schema.actionsColumn.align,
+                    getActions: getActions.bind(this)
+                };
+            }
+        }
+        this.#columns = [];
+        for (const schema of this.#schema.columns) {
+            const formatter = schema.formatter ? this[schema.formatter] : null;
+            const href = schema.href ? this[schema.href] : null;
+            const hint = schema.hint ? this[schema.hint] : null;
+            const render = schema.render ? this[schema.render] : null;
+            const compareFunction = schema.compareFunction ? this[schema.compareFunction] : null;
+            console.log(formatter, href, hint, render, compareFunction);
+            const column = {
+                text: schema.text,
+                field: schema.field,
+                frozen: schema.frozen,
+                align: schema.align,
+                width: schema.width,
+                minWidth: schema.minWidth,
+                warp: schema.warp,
+                formatter: formatter ? formatter.bind(this) : undefined,
+                escapeHTML: schema.escapeHTML,
+                href: href ? href.bind(this) : undefined,
+                hint: hint ? hint.bind(this) : undefined,
+                render: render ? render.apply(this) : undefined,
+                visible: schema.visible,
+                resizable: schema.resizable,
+                compareFunction: compareFunction ? compareFunction.bind(this) : undefined
+            };
+            this.#columns.push(column);
+        }
+    }
+    get actionsColumn() {
+        return this.#actionsColumn;
+    }
+    get columns() {
+        return this.#columns;
+    }
+    /**
+     * 获取数据字典值
+     * @param dict
+     * @param key
+     * @param keyCode
+     * @param keyText
+     * @param missingValue
+     * @protected
+     */
+    getDictionaryText(dict, key, keyCode = 'code', keyText = 'text', missingValue = "Missing key: {{key}}") {
+        return (dict ?? []).find(item => item[keyCode] == key)?.[keyText] ?? utils.formatText(missingValue, { key });
+    }
+    /**
+     * 比较两个字符串的大小
+     * @param {string} a - 第一个字符串
+     * @param {string} b - 第二个字符串
+     * @param {object} [options]
+     * @param {boolean} [options.ignoreCase=false] - 是否忽略大小写
+     * @param {string} [options.locale='en'] - 语言环境（如 'en', 'zh', 'fr' 等）
+     * @returns {number} -1（a<b），0（相等），1（a>b）
+     */
+    compareStrings(a, b, options = {}) {
+        const { ignoreCase = false, locale = 'en' } = options;
+        // 如果需要忽略大小写
+        if (ignoreCase) {
+            a = a.toLowerCase();
+            b = b.toLowerCase();
+        }
+        const result = a.localeCompare(b, locale, { sensitivity: ignoreCase ? 'base' : 'variant' });
+        // localeCompare 可能返回负数或正数（不一定是 ±1），这里标准化
+        return result < 0 ? -1 : result > 0 ? 1 : 0;
+    }
+}

package/dist/flexi-datatable/index.d.ts

@@ -0,0 +1,2 @@
+import FlexiDataTable from "./FlexiDataTable";
+export default FlexiDataTable;

package/dist/flexi-datatable/index.js

@@ -0,0 +1,2 @@
+import FlexiDataTable from "./FlexiDataTable";
+export default FlexiDataTable;

package/dist/flexi-form/FlexiCompound.d.ts

@@ -0,0 +1,34 @@
+import FlexiField, { type FlexiFieldSchema } from "./flexi_field/FlexiField";
+import { type LayoutMode } from "./lib";
+import { type FormInvalidateHandler } from "./flexi_form/FlexiForm";
+import FlexiComposite from "./flexi_composite/FlexiComposite";
+import FlexiCard from "./flexi_card/FlexiCard";
+type FlexiElement = FlexiField | FlexiComposite | FlexiComposite[];
+export default abstract class FlexiCompound<T extends FlexiElement = FlexiField> {
+    #private;
+    protected readonly _data: any;
+    protected _title: string | undefined;
+    protected _fields: Array<T>;
+    protected readonly field: {
+        [key: string]: FlexiField;
+    };
+    readonly label$style?: string;
+    readonly variant: string;
+    readonly mode: LayoutMode;
+    actions: Array<any>;
+    readonly props: any;
+    readonly cell: any;
+    protected constructor(data: any, readonly: boolean, disabled: boolean, variant: string, mode: LayoutMode, props: any, cell: any, title?: string, label$style?: string);
+    get readonly(): boolean;
+    protected setReadonly(value: boolean): void;
+    get disabled(): boolean;
+    protected setDisabled(value: boolean): void;
+    get fields(): Array<T>;
+    get title(): string | undefined;
+    protected buildFlexiFields(card: FlexiCard, fields: Array<FlexiFieldSchema>): FlexiField[];
+    setInvalidateHandler(value?: FormInvalidateHandler): void;
+    invalidate(): void;
+    validate(): boolean;
+    get data(): any;
+}
+export {};

package/dist/flexi-form/FlexiCompound.js

@@ -0,0 +1,84 @@
+import FlexiField, {} from "./flexi_field/FlexiField";
+import { Visibility } from "./lib";
+import {} from "./flexi_form/FlexiForm";
+import FlexiComposite from "./flexi_composite/FlexiComposite";
+import FlexiCard from "./flexi_card/FlexiCard";
+import beanValidator, { StringValidator } from "@ticatec/web-bean-validator";
+import BaseValidator, {} from "@ticatec/web-bean-validator/dist/lib/BaseValidator";
+export default class FlexiCompound {
+    _data;
+    _title;
+    _fields = [];
+    field = {};
+    #readonly;
+    #disabled;
+    label$style;
+    variant;
+    mode = "flex";
+    actions = [];
+    props;
+    cell;
+    #invalidateHandler;
+    constructor(data, readonly, disabled, variant, mode, props, cell, title, label$style) {
+        this._data = data;
+        this.#readonly = readonly;
+        this.#disabled = disabled;
+        this.label$style = label$style;
+        this.variant = variant;
+        this.mode = mode;
+        this._title = title;
+        this.props = props ?? {};
+        this.cell = cell ?? {};
+    }
+    get readonly() {
+        return this.#readonly;
+    }
+    setReadonly(value) {
+        this.#readonly = value;
+    }
+    get disabled() {
+        return this.#disabled;
+    }
+    setDisabled(value) {
+        this.#disabled = value;
+    }
+    get fields() {
+        return this._fields;
+    }
+    get title() {
+        return this._title;
+    }
+    buildFlexiFields(card, fields) {
+        let list = [];
+        for (let field of fields) {
+            list.push(new FlexiField(card, this._data, this.mode, field));
+        }
+        return list;
+    }
+    setInvalidateHandler(value) {
+        this.#invalidateHandler = value;
+    }
+    invalidate() {
+        this.#invalidateHandler?.();
+    }
+    validate() {
+        let valid = true;
+        for (const field of this._fields) {
+            if (field instanceof FlexiField) {
+                valid = field.validate() && valid;
+            }
+            else if (field instanceof FlexiComposite) {
+                valid = field.validate() && valid;
+            }
+            else if (Array.isArray(field) && field.length > 0 && field[0] instanceof FlexiComposite) {
+                for (const composite of field) {
+                    valid = composite.validate() && valid;
+                }
+            }
+        }
+        return valid;
+    }
+    get data() {
+        return this._data;
+    }
+}

package/dist/flexi-form/FlexiFormDialog.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">import Dialog from "@ticatec/uniface-element/Dialog";
+import FlexiFormPanel from "./flexi_form/FlexiFormPanel.svelte";
+import { onMount } from "svelte";
+export let form;
+let title = form.getTitle();
+let width = form.props.width ?? "800px";
+let height = form.props.height ?? "600px";
+let actions = [];
+const closeConfirm = async () => {
+    let confirm = form.closeConfirm;
+    if (confirm) {
+        return confirm();
+    }
+    else {
+        return true;
+    }
+};
+onMount(async () => {
+    //获取表单的action
+});
+</script>
+<Dialog {width} {height} {title} {closeConfirm} {actions}  content$style="padding: 12px">
+    <FlexiFormPanel {form} bind:actions/>
+</Dialog>

package/dist/flexi-form/FlexiFormDialog.svelte.d.ts

@@ -0,0 +1,21 @@
+import type FlexiForm from "./flexi_form/FlexiForm";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const FlexiFormDialog: $$__sveltets_2_IsomorphicComponent<{
+    form: FlexiForm;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FlexiFormDialog = InstanceType<typeof FlexiFormDialog>;
+export default FlexiFormDialog;

package/dist/flexi-form/FlexiFormPage.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">import CommonFormPage from "@ticatec/uniface-micro-frame/CommonFormPage";
+import FlexiFormPanel from "./flexi_form/FlexiFormPanel.svelte";
+import FlexiForm from "./flexi_form/FlexiForm";
+export let title;
+export let comment = undefined;
+export let style = undefined;
+export let form;
+export let readonly = false;
+let page$attrs = {
+    title,
+    comment,
+    style
+};
+let actions = [];
+const closeConfirm = async () => {
+    if (form.closeConfirm) {
+        return form.closeConfirm();
+    }
+    else {
+        return true;
+    }
+};
+</script>
+<CommonFormPage {page$attrs} {actions} canBeClosed {closeConfirm}>
+    <FlexiFormPanel {form} {readonly} bind:actions />
+</CommonFormPage>

package/dist/flexi-form/FlexiFormPage.svelte.d.ts

@@ -0,0 +1,25 @@
+import FlexiForm from "./flexi_form/FlexiForm";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const FlexiFormPage: $$__sveltets_2_IsomorphicComponent<{
+    title: string;
+    comment?: string | undefined;
+    style?: string | undefined;
+    form: FlexiForm;
+    readonly?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FlexiFormPage = InstanceType<typeof FlexiFormPage>;
+export default FlexiFormPage;

package/dist/flexi-form/Schema.d.ts

@@ -0,0 +1,6 @@
+import type { FlexiFormSchema } from "./flexi_form/FlexiForm";
+import type { FlexiCardSchema } from "./flexi_card/FlexiCard";
+import type { FlexiCompositeSchema } from "./flexi_composite/FlexiComposite";
+import type { FlexiCompositeFieldSchema } from "./flexi_composite/FlexiComposite";
+import type { FlexiFieldSchema } from "./flexi_field/FlexiField";
+export type { FlexiFormSchema, FlexiCardSchema, FlexiCompositeSchema, FlexiCompositeFieldSchema, FlexiFieldSchema };

package/dist/flexi-form/Schema.js

@@ -0,0 +1 @@
+export {};

package/dist/flexi-form/components/BreakLine.svelte

@@ -0,0 +1 @@
+<div style="width: 100%; height: 0"></div>

package/dist/flexi-form/components/BreakLine.svelte.d.ts

@@ -0,0 +1,26 @@
+export default BreakLine;
+type BreakLine = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const BreakLine: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/flexi-form/components/CardTitleBar.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">export let title;
+export let collapsible = false;
+export let collapse = false;
+const toggleCard = () => {
+    collapse = !collapse;
+};
+</script>
+
+<div style="width: 100%; padding: 6px 8px; display: flex; flex-direction: row">
+    <div style="flex: 1 1 auto">
+        <span>{title}</span>
+    </div>
+    {#if collapsible}
+        <div style="padding: 4px 0;">
+            <i class={collapse ? 'uniface-icon-chevrons-down' : 'uniface-icon-chevrons-up'} on:click={toggleCard}></i>
+        </div>
+    {/if}
+</div>

package/dist/flexi-form/components/CardTitleBar.svelte.d.ts

@@ -0,0 +1,22 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CardTitleBar: $$__sveltets_2_IsomorphicComponent<{
+    title: string;
+    collapsible?: boolean;
+    collapse?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CardTitleBar = InstanceType<typeof CardTitleBar>;
+export default CardTitleBar;

package/dist/flexi-form/components/CascadeOptionSelectField.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import CascadeOptionSelect from "@ticatec/uniface-element/CascadeOptionsSelect";
+import FlexiField from "../flexi_field/FlexiField";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<CascadeOptionSelect bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+                     disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/CascadeOptionSelectField.svelte.d.ts

@@ -0,0 +1,24 @@
+import FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CascadeOptionSelectField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CascadeOptionSelectField = InstanceType<typeof CascadeOptionSelectField>;
+export default CascadeOptionSelectField;

package/dist/flexi-form/components/CellFieldBuilder.d.ts

@@ -0,0 +1 @@
+export declare const registerFormFieldBuilder: () => void;