@thestarweb/ui 1.4.2 → 1.5.0

package/types/components/layout-h.vue.d.ts

@@ -0,0 +1,4 @@
+import { Vue } from "vue-class-component";
+import "../global-style.css";
+export default class SuHLayout extends Vue {
+}

package/types/components/layout-main.vue.d.ts

@@ -0,0 +1,4 @@
+import { Vue } from "vue-class-component";
+import "../global-style.css";
+export default class SuMain extends Vue {
+}

package/types/components/layout-v.vue.d.ts

@@ -0,0 +1,4 @@
+import { Vue } from "vue-class-component";
+import "../global-style.css";
+export default class SuVLayout extends Vue {
+}

package/types/components/line-h.vue.d.ts

@@ -0,0 +1,4 @@
+import { Vue } from "vue-class-component";
+import "../global-style.css";
+export default class SuHLine extends Vue {
+}

package/types/components/line-v.vue.d.ts

@@ -0,0 +1,4 @@
+import { Vue } from "vue-class-component";
+import "../global-style.css";
+export default class SuVLine extends Vue {
+}

package/types/components/menu/index.d.ts

@@ -0,0 +1 @@
+export { default as SuMenu } from "./index.vue";

package/types/components/menu/index.vue.d.ts

@@ -0,0 +1,12 @@
+import { Vue } from "vue-class-component";
+import '@ui-root/global-style.css';
+export default class SuHMenu extends Vue {
+    private menu;
+    private direction;
+    private get menuComponent();
+    private component;
+    private get displayComponent();
+    private key;
+    private get useedKey();
+    private handleItemClick;
+}

package/types/components/menu/menu-h/index.vue.d.ts

@@ -0,0 +1,8 @@
+import { Vue } from 'vue-class-component';
+import '@ui-root/global-style.css';
+export default class SuHMenu extends Vue {
+    private menu;
+    private splitMenu;
+    private displayItem;
+    created(): void;
+}

package/types/components/menu/menu-h/menu-h-child.vue.d.ts

@@ -0,0 +1,7 @@
+import { Vue } from 'vue-class-component';
+import '@ui-root/global-style.css';
+export default class SuHMenuChild extends Vue {
+    private menu;
+    private itemComponent;
+    private direction;
+}

package/types/components/menu/menu-h/menu-h-item.vue.d.ts

@@ -0,0 +1,8 @@
+import { Vue } from "vue-class-component";
+import '@ui-root/global-style.css';
+export default class SuHMenuItem extends Vue {
+    isFocus: boolean;
+    private item;
+    private selfClass;
+    private childDirection;
+}

package/types/components/menu/menu-v/index.vue.d.ts

@@ -0,0 +1,9 @@
+import { Vue } from 'vue-class-component';
+import '@ui-root/global-style.css';
+export default class SuHMenu extends Vue {
+    private menu;
+    private path;
+    private get current();
+    private handlePathClick;
+    private handleItemClick;
+}

package/types/components/select.vue.d.ts

@@ -0,0 +1,27 @@
+import { Vue } from 'vue-class-component';
+import { ViewCtrlInfo } from "../types";
+import SuTree from "./tree/index.vue";
+import "../global-style.css";
+export default class SuSelect extends Vue {
+    mounted(): void;
+    $refs: {
+        tree: SuTree;
+    };
+    readonly modelValue: string;
+    readonly name: string;
+    private size;
+    readonly options: Record<string, unknown>[];
+    readonly valueName: string;
+    readonly labelName: string;
+    children: string | ((item: Record<string, unknown>) => Record<string, unknown>[]);
+    readonly showAsTree: boolean;
+    readonly pooperClass: string;
+    isFocused: boolean;
+    readonly suControl: ViewCtrlInfo;
+    get valueMap(): Map<string | number, string>;
+    get showValue(): string;
+    private width;
+    private updateTree;
+    handleSelect(value: string): string;
+    haandleNodeClick(item: Record<string, unknown>, value: string | number | undefined): string | number | undefined;
+}

package/types/components/slider.vue.d.ts

@@ -0,0 +1,29 @@
+import { Vue } from 'vue-class-component';
+import "../global-style.css";
+export default class SuSlider extends Vue {
+    $refs: {
+        bar: HTMLDivElement;
+    };
+    private refBar;
+    mounted(): void;
+    beforeUnmount(): void;
+    readonly size: string;
+    readonly modelValue: number;
+    readonly min: number;
+    readonly max: number;
+    readonly setp: number;
+    private moveStartValue;
+    private get displayValue();
+    private get positionLeft();
+    private updateEvent;
+    private handleBarClick;
+    private dx;
+    private isHover;
+    private handleMouseDown;
+    private touchstartPoint;
+    private handleTouchStart;
+    private removeEvent;
+    private handleMouseMove;
+    private handleTouchMove;
+    private handleMouseUp;
+}

package/types/components/switch.vue.d.ts

@@ -0,0 +1,12 @@
+import { Vue } from 'vue-class-component';
+import "../global-style.css";
+export default class SuInput extends Vue {
+    $refs: {
+        input: HTMLInputElement;
+    };
+    modelValue: boolean;
+    name: string;
+    size: string;
+    private handeleChange;
+    private modelValueChange;
+}

package/types/components/table.vue.d.ts

@@ -0,0 +1,5 @@
+import { Vue } from 'vue-class-component';
+import "../global-style.css";
+export default class SuTable extends Vue {
+    columns: any[];
+}

package/types/components/tree/index.vue.d.ts

@@ -0,0 +1,15 @@
+import { Vue } from 'vue-class-component';
+import "../../global-style.css";
+export default class SuTree extends Vue {
+    readonly size: string;
+    readonly treeData: Record<string, unknown>[];
+    readonly label: string | ((item: Record<string, unknown>) => string);
+    readonly value: string | ((item: Record<string, unknown>) => string | number);
+    readonly children: string | ((item: Record<string, unknown>) => Record<string, unknown>[]);
+    readonly highlightCurrent: boolean;
+    private current;
+    private get currentValue();
+    setCurrent(current: Record<string, unknown>): void;
+    setCurrentByValue(value: string | number): Record<string, unknown> | null;
+    haandleChildNodeClick(item: Record<string, unknown>, value: string | number | undefined, node: Record<string, unknown>): void;
+}

package/types/components/tree/tree-item.vue.d.ts

@@ -0,0 +1,18 @@
+import { Vue } from 'vue-class-component';
+import "../../global-style.css";
+export default class SuTreeItem extends Vue {
+    readonly isExpand = false;
+    readonly deep: number;
+    readonly size: string;
+    readonly item: Record<string, unknown>;
+    readonly label: string | ((item: Record<string, unknown>) => string);
+    readonly value: string | ((item: Record<string, unknown>) => string | number);
+    readonly children: string | ((item: Record<string, unknown>) => Record<string, unknown>[]);
+    readonly current: Record<string, unknown>;
+    readonly currentValue: string | number | undefined;
+    get labelData(): string;
+    get valueData(): string | number | undefined;
+    get childrenData(): Record<string, unknown>[];
+    private handleClick;
+    haandleChildNodeClick(item: Record<string, unknown>, value: string | number | undefined, node: Record<string, unknown>): void;
+}

package/types/components/view-control.vue.d.ts

@@ -0,0 +1,15 @@
+import { Vue } from 'vue-class-component';
+import "../global-style.css";
+declare type DeviceType = 'auto' | 'mobile' | 'pc';
+export default class SuViewControl extends Vue {
+    static readonly injectSymbol: unique symbol;
+    mounted(): void;
+    private sendData;
+    deviceType: DeviceType;
+    checkFunction: 'ua' | 'screen-width';
+    private windowWidth;
+    private windowHeight;
+    checkWindowSize(): void;
+    get $isMobile(): boolean;
+}
+export {};

package/types/directives/is-focus.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    mounted(el: HTMLElement, cb: any): void;
+};
+export default _default;

package/types/main.d.ts

@@ -1,10 +1,72 @@
-import { App } from 'vue';
-declare interface IObj {
-    [key: string]: any;
-}
-export declare const components: IObj;
+export { default as SuHLayout } from "./components/layout-h.vue";
+export { default as SuVLayout } from "./components/layout-v.vue";
+export { default as SuMain } from "./components/layout-main.vue";
+export { default as SuTable } from "./components/table.vue";
+export { default as SuHLine } from "./components/line-h.vue";
+export { default as SuVLine } from "./components/line-v.vue";
+export { default as SuCard } from "./components/card.vue";
+export { default as SuTree } from "./components/tree/index.vue";
+export { default as SuInput } from "./components/input.vue";
+export { default as SuSelect } from "./components/select.vue";
+export { default as SuButton } from "./components/button.vue";
+export { default as SuSwitch } from "./components/switch.vue";
+export { default as SuSlider } from "./components/slider.vue";
+export { default as SuCalendar } from "./components/calendar.vue";
+export { default as SuViewControl } from "./components/view-control.vue";
+export * from "./components/menu";
+export * from "./components/content";
+import { App } from "vue";
+export declare const components: Record<string, any>;
+export declare const allData: {
+    readonly [x: string]: {
+        readonly props?: {
+            readonly [x: string]: {
+                readonly type?: true | (new (...args: any[]) => any) | (() => any) | {
+                    (): any;
+                    new (): any;
+                    readonly prototype: any;
+                } | readonly ((new (...args: any[]) => any) | (() => any) | {
+                    (): any;
+                    new (): any;
+                    readonly prototype: any;
+                })[] | null | undefined;
+                readonly required?: boolean | undefined;
+                readonly default?: any;
+                readonly validator?: ((value: unknown) => boolean) | undefined;
+            };
+        } | undefined;
+        readonly component?: import("vue-class-component").VueConstructor<import("vue-class-component").Vue<unknown, never[], {}>> | undefined;
+        readonly hideInDoc?: boolean | undefined;
+        readonly internalOnly?: boolean | undefined;
+        readonly type?: "from" | "layout" | undefined;
+    };
+};
+export declare const infos: {
+    readonly [x: string]: {
+        readonly props?: {
+            readonly [x: string]: {
+                readonly type?: true | (new (...args: any[]) => any) | (() => any) | {
+                    (): any;
+                    new (): any;
+                    readonly prototype: any;
+                } | readonly ((new (...args: any[]) => any) | (() => any) | {
+                    (): any;
+                    new (): any;
+                    readonly prototype: any;
+                })[] | null | undefined;
+                readonly required?: boolean | undefined;
+                readonly default?: any;
+                readonly validator?: ((value: unknown) => boolean) | undefined;
+            };
+        } | undefined;
+        readonly component?: import("vue-class-component").VueConstructor<import("vue-class-component").Vue<unknown, never[], {}>> | undefined;
+        readonly hideInDoc?: boolean | undefined;
+        readonly internalOnly?: boolean | undefined;
+        readonly type?: "from" | "layout" | undefined;
+    };
+};
 declare const _default: {
-    components: IObj;
+    components: Record<string, any>;
     install(app: App): void;
 };
 export default _default;

package/types/reg.d.ts

@@ -1,4 +1,10 @@
-import { VueDecorator, PropOptions } from 'vue-class-component';
+import { VueDecorator, PropOptions, Vue, VueConstructor, VueBase } from "vue-class-component";
+import { ComponentOptions } from "vue";
+interface ComponentInfo {
+    hideInDoc?: boolean;
+    internalOnly?: boolean;
+    type?: 'from' | 'layout';
+}
 export declare const data: {
     [x: string]: {
         props?: {
@@ -17,7 +23,14 @@ export declare const data: {
                 validator?: ((value: unknown) => boolean) | undefined;
             };
         } | undefined;
+        component?: VueConstructor<Vue<unknown, never[], {}>> | undefined;
+        hideInDoc?: boolean | undefined;
+        internalOnly?: boolean | undefined;
+        type?: "from" | "layout" | undefined;
     };
 };
+export declare type RegisterOptions<V> = ComponentOptions & ThisType<V> & ComponentInfo;
+export declare function Register<V extends Vue>({ hideInDoc, internalOnly, ...options }: RegisterOptions<V>): <VC extends VueConstructor<VueBase>>(target: VC) => VC;
 export declare function Emit(event?: string, shouldEmit?: (res: any) => boolean): VueDecorator;
 export declare function Prop(propOptions: PropOptions): VueDecorator;
+export {};

package/dist/img/iconfont.ff1d7f50.svg

@@ -1,62 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<!--
-2013-9-30: Created.
--->
-<svg>
-<metadata>
-Created by iconfont
-</metadata>
-<defs>
-
-<font id="star-ui-iconfont" horiz-adv-x="1024" >
-  <font-face
-    font-family="star-ui-iconfont"
-    font-weight="500"
-    font-stretch="normal"
-    units-per-em="1024"
-    ascent="896"
-    descent="-128"
-  />
-    <missing-glyph />
-    
-    <glyph glyph-name="code" unicode="&#58983;" d="M322.133333 599.466667c-12.8 12.8-32 12.8-44.8 0l-192-192c-12.8-12.8-12.8-32 0-44.8l192-192c6.4-6.4 14.933333-8.533333 23.466667-8.533334s17.066667 2.133333 23.466667 8.533334c12.8 12.8 12.8 32 0 44.8L151.466667 384l168.533333 168.533333c12.8 12.8 12.8 34.133333 2.133333 46.933334zM940.8 407.466667l-192 192c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8l168.533333-168.533334-168.533333-168.533333c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933333-8.533333 23.466667-8.533333s17.066667 2.133333 23.466666 8.533333l192 192c8.533333 8.533333 8.533333 29.866667-2.133333 42.666667zM622.933333 819.2c-17.066667 4.266667-34.133333-6.4-38.4-23.466667L366.933333-6.4c-4.266667-17.066667 6.4-34.133333 23.466667-38.4 2.133333 0 6.4-2.133333 8.533333-2.133333 14.933333 0 27.733333 8.533333 29.866667 23.466666L644.266667 780.8c4.266667 17.066667-4.266667 34.133333-21.333334 38.4z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="close" unicode="&#58984;" d="M556.8 384L832 659.2c12.8 12.8 12.8 32 0 44.8-12.8 12.8-32 12.8-44.8 0L512 428.8l-275.2 277.333333c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8l275.2-277.333333-277.333333-275.2c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933333-8.533333 23.466666-8.533333s17.066667 2.133333 23.466667 8.533333L512 339.2 787.2 64c6.4-6.4 14.933333-8.533333 23.466667-8.533333s17.066667 2.133333 23.466666 8.533333c12.8 12.8 12.8 32 0 44.8L556.8 384z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="clean" unicode="&#58880;" d="M512 821.333333C270.933333 821.333333 74.666667 625.066667 74.666667 384S270.933333-53.33333300000004 512-53.33333300000004 949.333333 142.93333299999995 949.333333 384 753.066667 821.333333 512 821.333333z m0-810.666666c-204.8 0-373.333333 168.533333-373.333333 373.333333S307.2 757.333333 512 757.333333 885.333333 588.8 885.333333 384 716.8 10.666666999999961 512 10.666666999999961zM657.066667 535.4666669999999c-12.8 12.8-32 12.8-44.8 0l-102.4-102.4-102.4 102.4c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8l102.4-102.4-102.4-102.4c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933333-8.533333 23.466666-8.533334s17.066667 2.133333 23.466667 8.533334l102.4 102.4 102.4-102.4c6.4-6.4 14.933333-8.533333 23.466667-8.533334s17.066667 2.133333 23.466666 8.533334c12.8 12.8 12.8 32 0 44.8l-106.666666 100.266666 102.4 102.4c12.8 12.8 12.8 34.133333 0 46.933334z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="select" unicode="&#59006;" d="M409.6 138.666667c-8.533333 0-17.066667 2.133333-23.466667 8.533333l-238.933333 234.666667c-12.8 12.8-12.8 32 0 44.8 12.8 12.8 32 12.8 44.8 0l215.466667-213.333334 422.4 428.8c12.8 12.8 32 12.8 44.8 0 12.8-12.8 12.8-32 0-44.8L430.933333 149.333333c-4.266667-8.533333-12.8-10.666667-21.333333-10.666666z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-left" unicode="&#58884;" d="M384 384L731.733333 693.333333c17.066667 14.933333 19.2 42.666667 4.266667 59.733334-14.933333 17.066667-42.666667 19.2-59.733333 4.266666l-384-341.333333c-10.666667-8.533333-14.933333-19.2-14.933334-32s4.266667-23.466667 14.933334-32l384-341.333333c8.533333-6.4 19.2-10.666667 27.733333-10.666667 12.8 0 23.466667 4.266667 32 14.933333 14.933333 17.066667 14.933333 44.8-4.266667 59.733334L384 384z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-up" unicode="&#58881;" d="M904.533333 221.866667l-362.666666 362.666666c-17.066667 17.066667-42.666667 17.066667-59.733334 0l-362.666666-362.666666c-17.066667-17.066667-17.066667-42.666667 0-59.733334 17.066667-17.066667 42.666667-17.066667 59.733333 0L512 494.933333l332.8-332.8c8.533333-8.533333 19.2-12.8 29.866667-12.8s21.333333 4.266667 29.866666 12.8c17.066667 17.066667 17.066667 42.666667 0 59.733334z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-down" unicode="&#58883;" d="M904.533333 584.5333330000001c-17.066667 17.066667-42.666667 17.066667-59.733333 0L512 251.73333300000002 179.2 584.5333330000001c-17.066667 17.066667-42.666667 17.066667-59.733333 0-17.066667-17.066667-17.066667-42.666667 0-59.733333l362.666666-362.666667c8.533333-8.533333 19.2-12.8 29.866667-12.8s21.333333 4.266667 29.866667 12.8l362.666666 362.666667c17.066667 17.066667 17.066667 42.666667 0 59.733333z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-right" unicode="&#58882;" d="M731.733333 416l-384 341.333333c-17.066667 14.933333-44.8 14.933333-59.733333-4.266666-14.933333-17.066667-14.933333-44.8 4.266667-59.733334L640 384 292.266667 74.66666699999996c-17.066667-14.933333-19.2-42.666667-4.266667-59.733334 8.533333-8.533333 19.2-14.933333 32-14.933333 10.666667 0 19.2 4.266667 27.733333 10.666667l384 341.333333c8.533333 8.533333 14.933333 19.2 14.933334 32s-4.266667 23.466667-14.933334 32z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-up-filling" unicode="&#59017;" d="M541.866667 610.133333l345.6-345.6c17.066667-17.066667 17.066667-42.666667 0-59.733333-8.533333-8.533333-19.2-12.8-29.866667-12.8H168.533333c-23.466667 0-42.666667 19.2-42.666666 42.666667 0 10.666667 4.266667 21.333333 12.8 29.866666l343.466666 345.6c17.066667 17.066667 42.666667 17.066667 59.733334 0z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-down-filling" unicode="&#59018;" d="M482.133333 157.866667L136.533333 503.466667c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 19.2 12.8 29.866667 12.8h689.066667c23.466667 0 42.666667-19.2 42.666666-42.666667 0-10.666667-4.266667-21.333333-12.8-29.866666L541.866667 157.866667c-17.066667-17.066667-42.666667-17.066667-59.733334 0z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-left-filling" unicode="&#59019;" d="M268.8 416L633.6 746.666667c17.066667 14.933333 44.8 14.933333 59.733333-2.133334 6.4-8.533333 10.666667-19.2 10.666667-29.866666v-661.333334c0-23.466667-19.2-42.666667-42.666667-42.666666-10.666667 0-21.333333 4.266667-27.733333 10.666666l-362.666667 330.666667c-17.066667 14.933333-19.2 42.666667-2.133333 59.733333-2.133333 2.133333 0 2.133333 0 4.266667z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="arrow-right-filling" unicode="&#59020;" d="M755.2 352L390.4 21.333333c-17.066667-14.933333-44.8-14.933333-59.733333 2.133334-6.4 8.533333-10.666667 19.2-10.666667 29.866666v661.333334c0 23.466667 19.2 42.666667 42.666667 42.666666 10.666667 0 21.333333-4.266667 27.733333-10.666666l362.666667-330.666667c17.066667-14.933333 19.2-42.666667 2.133333-59.733333 2.133333-2.133333 0-2.133333 0-4.266667z"  horiz-adv-x="1024" />
-
-    
-
-
-  </font>
-</defs></svg>

package/types/utils.d.ts

@@ -1,3 +0,0 @@
-import { Vue } from 'vue-class-component';
-export declare function getParentNodeByClass(node: HTMLElement, className: string): HTMLElement | null;
-export declare function isMobile(vue: Vue): boolean;