@ticatec/uniface-element 0.1.9

package/dist/drawer/Drawer.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+    import {fly} from "svelte/transition";
+    import {createEventDispatcher} from "svelte";
+
+
+    export const open = () => {
+        visible = true;
+        hidden = false;
+        dispatch('open');
+    }
+
+    export const close = () => {
+        visible = false;
+    }
+
+    export let width:number = 300;
+    export let position: 'left' | 'right' = 'left';
+
+    const dispatch = createEventDispatcher();
+    let hidden: boolean = true;
+    let visible: boolean = false;
+
+    $: if (visible) {
+        hidden = false;
+    }
+
+    let xPos: string;
+
+    $: xPos = position == 'left' ? `${-width}` : '100%';
+
+</script>
+<div class="uniface-drawer" style="display: {hidden ? 'none' : 'block'}" on:click={()=>{visible=false; dispatch('close')}}>
+    {#if visible}
+        <div class={position} style="width: {width}px" transition:fly={{ x: xPos, duration: 1000, opacity: 0.5 }}
+             on:outroend={()=>{hidden = !visible}} on:click={(e)=>{e.stopPropagation()}}>
+            <div>
+            <slot></slot>
+            </div>
+        </div>
+    {/if}
+</div>

package/dist/drawer/Drawer.svelte.d.ts

@@ -0,0 +1,37 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Drawer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    open?: () => void;
+    close?: () => void;
+    width?: number;
+    position?: "left" | "right";
+}, {
+    default: {};
+}>, {
+    close: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    open: () => void;
+    close: () => void;
+}, string>;
+type Drawer = InstanceType<typeof Drawer>;
+export default Drawer;

package/dist/drawer/README-CN.md

@@ -0,0 +1 @@
+# 抽屉

package/dist/drawer/README.md

@@ -0,0 +1 @@
+# Drawer

package/dist/drawer/index.d.ts

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

package/dist/drawer/index.js

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

package/dist/form-field/FormField.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+
+    import utils from "../common/utils";
+
+    export {className as class}
+    export let label: string = "Label:"
+    export let style: string = '';
+    export let label$style: string = '';
+    export let required: boolean = false;
+    export let error: string = '';
+    export let arrangement: 'vertical' | 'horizontal' = 'vertical';
+    export let labelSuffix: string = ':';
+
+    let className: string = '';
+
+</script>
+<div class="uniface-form-field {arrangement} {className}" {style}>
+    <div class="form-content" style="width: 100%">
+        <div class="field-label" style="align-self: center; {label$style};">
+            {#if required}
+                <span class="required-indicator">*</span>
+            {/if}
+            <span>{label}{labelSuffix}</span>
+        </div>
+        <div class="field">
+            <slot/>
+        </div>
+    </div>
+    {#if !utils.isEmpty(error)}
+        <div class="form-content" style="width: 100%">
+            {#if arrangement == "horizontal"}
+                <div class="field-label" style={label$style}>
+                </div>
+            {/if}
+            <div class="field-hint"><span>{error}</span></div>
+        </div>
+    {/if}
+</div>

package/dist/form-field/FormField.svelte.d.ts

@@ -0,0 +1,38 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const FormField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    label?: string;
+    style?: string;
+    label$style?: string;
+    required?: boolean;
+    error?: string;
+    arrangement?: "vertical" | "horizontal";
+    labelSuffix?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    class: string;
+}, string>;
+type FormField = InstanceType<typeof FormField>;
+export default FormField;

package/dist/form-field/index.d.ts

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

package/dist/form-field/index.js

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

package/dist/form-panel/flex-form/CellField.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+
+    import FormField from "../../form-field";
+
+    export let span: number = 1;
+    export let label: string = "Label:"
+    export let style: string = '';
+    export let label$style: string = '';
+    export let required: boolean = false;
+    export let error: string = null;
+    export let arrangement: 'vertical' | 'horizontal' = 'vertical' ;
+    export let labelSuffix: string = ':';
+
+    let cellCss: string = '';
+
+    const generateCss = (sp: number): string => {
+        if (isNaN(sp) || sp < 1) {
+            sp = 1;
+        } else if (sp > 12) {
+            sp = 12
+        }
+        return `width: ${sp * 100 / 12}%`
+    }
+
+    $: cellCss = generateCss(span);
+
+</script>
+<FormField class="cell-field" {label} {labelSuffix} style="{style}; {cellCss}" {label$style} {required} {error} {arrangement}>
+    <slot/>
+</FormField>

package/dist/form-panel/flex-form/CellField.svelte.d.ts

@@ -0,0 +1,36 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CellField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    span?: number;
+    label?: string;
+    style?: string;
+    label$style?: string;
+    required?: boolean;
+    error?: string;
+    arrangement?: "vertical" | "horizontal";
+    labelSuffix?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type CellField = InstanceType<typeof CellField>;
+export default CellField;

package/dist/form-panel/flex-form/EmptyCell.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+
+    export let span: number = 1;
+
+    let style: string;
+
+    let cellCss: string = '';
+
+    const generateCss = (sp: number): string => {
+        if (isNaN(sp) || sp < 1) {
+            sp = 1;
+        } else if (sp > 12) {
+            sp = 12
+        }
+        return `width: ${sp * 100 / 12}%`
+    }
+
+    $: cellCss = generateCss(span);
+</script>
+<div class="cell-field" style={cellCss}>
+</div>

package/dist/form-panel/flex-form/EmptyCell.svelte.d.ts

@@ -0,0 +1,20 @@
+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 EmptyCell: $$__sveltets_2_IsomorphicComponent<{
+    span?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type EmptyCell = InstanceType<typeof EmptyCell>;
+export default EmptyCell;

package/dist/form-panel/flex-form/FlexForm.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+    export let style: string = '';
+</script>
+<div class="flex-form" {style}>
+    <div>
+        <slot/>
+    </div>
+</div>

package/dist/form-panel/flex-form/FlexForm.svelte.d.ts

@@ -0,0 +1,29 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const FlexForm: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    style?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type FlexForm = InstanceType<typeof FlexForm>;
+export default FlexForm;

package/dist/form-panel/flex-form/RowBreak.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+
+</script>
+<div class="cell-field" style="width: 100%">
+</div>

package/dist/form-panel/flex-form/RowBreak.svelte.d.ts

@@ -0,0 +1,18 @@
+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;
+}
+declare const RowBreak: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RowBreak = InstanceType<typeof RowBreak>;
+export default RowBreak;

package/dist/form-panel/flex-form/index.d.ts

@@ -0,0 +1,6 @@
+import FlexForm from "./FlexForm.svelte";
+import CellField from "./CellField.svelte";
+import EmptyCell from "./EmptyCell.svelte";
+import RowBreak from "./RowBreak.svelte";
+export default FlexForm;
+export { CellField, EmptyCell, RowBreak };

package/dist/form-panel/flex-form/index.js

@@ -0,0 +1,6 @@
+import FlexForm from "./FlexForm.svelte";
+import CellField from "./CellField.svelte";
+import EmptyCell from "./EmptyCell.svelte";
+import RowBreak from "./RowBreak.svelte";
+export default FlexForm;
+export { CellField, EmptyCell, RowBreak };

package/dist/form-panel/flex-row-form/Cell.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+    export {className as class };
+    export let style: string = '';
+    export let span: number = 1;
+
+    let className: string = "";
+    let width:string = '';
+
+    const ONE_CELL = 100 / 12;
+
+    $: {
+        let cs = Math.round(span ? span : 1);
+        if (cs < 1) {
+            cs = 1;
+        } else if (cs > 12) {
+            cs = 12;
+        }
+        width = `width: ${ONE_CELL * cs}%`
+    }
+
+</script>
+<div class="form-cell {className}" style="{style}; {width}">
+    <slot/>
+</div>

package/dist/form-panel/flex-row-form/Cell.svelte.d.ts

@@ -0,0 +1,33 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Cell: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    style?: string;
+    span?: number;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    class: string;
+}, string>;
+type Cell = InstanceType<typeof Cell>;
+export default Cell;

package/dist/form-panel/flex-row-form/FormContainer.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+
+    export {className as class };
+    export let style: string = '';
+
+    let className: string = "";
+
+</script>
+<div class="flex-row-form" {style}>
+    <div>
+        <slot/>
+    </div>
+</div>

package/dist/form-panel/flex-row-form/FormContainer.svelte.d.ts

@@ -0,0 +1,32 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const FormContainer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    style?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    class: string;
+}, string>;
+type FormContainer = InstanceType<typeof FormContainer>;
+export default FormContainer;

package/dist/form-panel/flex-row-form/Row.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+    export {className as class };
+    export let style: string = '';
+
+    let className: string = "";
+</script>
+<div class="form-row {className}" {style}>
+    <slot/>
+</div>

package/dist/form-panel/flex-row-form/Row.svelte.d.ts

@@ -0,0 +1,32 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Row: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    style?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    class: string;
+}, string>;
+type Row = InstanceType<typeof Row>;
+export default Row;

package/dist/form-panel/flex-row-form/index.d.ts

@@ -0,0 +1,7 @@
+import FormContainer from "./FormContainer.svelte";
+import Row from "./Row.svelte";
+import Cell from "./Cell.svelte";
+import CellField from "../flex-form/CellField.svelte";
+import EmptyCell from "../flex-form/EmptyCell.svelte";
+export default FormContainer;
+export { Row, Cell, CellField, EmptyCell };

package/dist/form-panel/flex-row-form/index.js

@@ -0,0 +1,7 @@
+import FormContainer from "./FormContainer.svelte";
+import Row from "./Row.svelte";
+import Cell from "./Cell.svelte";
+import CellField from "../flex-form/CellField.svelte";
+import EmptyCell from "../flex-form/EmptyCell.svelte";
+export default FormContainer;
+export { Row, Cell, CellField, EmptyCell };

package/dist/form-panel/grid-form/EmptyCell.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+
+    export let rowSpan: number = 1;
+    export let colSpan: number = 1;
+    export let row: number = null;
+    export let col: number = null;
+
+    let style: string;
+
+    $: {
+        style = rowSpan > 1 ? `grid-row-end: span ${rowSpan};` : '';
+        style += colSpan > 1 ? `grid-column-end: span ${colSpan};` : '';
+        style += row != null ? `grid-row-start: span ${row};` : '';
+        style += col != null ? `grid-column-start: span ${col};` : '';
+    }
+
+
+</script>
+<div class="cell-field" {style}>
+</div>

package/dist/form-panel/grid-form/EmptyCell.svelte.d.ts

@@ -0,0 +1,23 @@
+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 EmptyCell: $$__sveltets_2_IsomorphicComponent<{
+    rowSpan?: number;
+    colSpan?: number;
+    row?: number;
+    col?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type EmptyCell = InstanceType<typeof EmptyCell>;
+export default EmptyCell;

package/dist/form-panel/grid-form/GridField.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+    import FormField from "../../form-field";
+
+    export let label: string = "Label:"
+    export let label$style: string = '';
+    export let required: boolean = false;
+    export let error: string = null;
+    export let arrangement: 'vertical' | 'horizontal' = 'vertical' ;
+    export let rowSpan: number = 1;
+    export let colSpan: number = 1;
+    export let row: number = null;
+    export let col: number = null;
+
+    export let labelSuffix: string = ':';
+
+    let style: string;
+
+    $: {
+        style = rowSpan > 1 ? `grid-row-end: span ${rowSpan};` : '';
+        style += colSpan > 1 ? `grid-column-end: span ${colSpan};` : '';
+        style += row != null ? `grid-row-start: span ${row};` : '';
+        style += col != null ? `grid-column-start: span ${col};` : '';
+    }
+
+
+</script>
+<FormField class="cell-field" {label$style} {labelSuffix} {style} {label} {required} {error} {arrangement}>
+    <slot/>
+</FormField>

package/dist/form-panel/grid-form/GridField.svelte.d.ts

@@ -0,0 +1,38 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const GridField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    label?: string;
+    label$style?: string;
+    required?: boolean;
+    error?: string;
+    arrangement?: "vertical" | "horizontal";
+    rowSpan?: number;
+    colSpan?: number;
+    row?: number;
+    col?: number;
+    labelSuffix?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type GridField = InstanceType<typeof GridField>;
+export default GridField;