ranui 0.1.8 → 0.1.9

package/dist/components/button/index.d.ts

@@ -1,2 +1,35 @@
+/// <reference types="node" />
+export declare class Button extends HTMLElement {
+    _btn: HTMLDivElement;
+    _btnContent: HTMLDivElement;
+    _iconElement?: HTMLElement;
+    _slot: HTMLSlotElement;
+    _shadowDom: ShadowRoot;
+    debounceTimeId?: NodeJS.Timeout;
+    static get observedAttributes(): string[];
+    constructor();
+    get sheet(): string;
+    set sheet(value: string);
+    get disabled(): boolean | string;
+    set disabled(value: boolean | string | undefined | null);
+    get iconSize(): string;
+    set iconSize(value: string | undefined | null);
+    get icon(): string;
+    set icon(value: string | null);
+    get effect(): string;
+    set effect(value: string | null);
+    /**
+     * @description: 设置button的icon
+     * @return {*}
+     */
+    setIcon: () => void;
+    mousedown: (event: MouseEvent) => void;
+    mouseup: (event: MouseEvent) => void;
+    debounceMouseEvent: () => void;
+    handlerExternalCss: () => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
 declare const _default: import('../../utils/index').CustomErrorType;
 export default _default;

package/dist/components/button/index.js

@@ -1,7 +1,8 @@
-import { a } from "../../index-4d873a42.js";
-import "../../index-d2d69b06.js";
+import { B, a } from "../../index-2d16a084.js";
+import "../../index-7913ec46.js";
 import "../../index-57492b9b.js";
 import "../../vendor-f71e6f68.js";
 export {
+  B as Button,
   a as default
 };

package/dist/components/icon/index.js

@@ -1,5 +1,5 @@
-import { a } from "../../index-7f513a14.js";
-import "../../index-d2d69b06.js";
+import { a } from "../../index-7216d6b0.js";
+import "../../index-7913ec46.js";
 import "../../vendor-f71e6f68.js";
 export {
   a as default

package/dist/components/image/index.js

@@ -1,4 +1,4 @@
-import { a } from "../../index-aea75a9f.js";
+import { a } from "../../index-01b17e26.js";
 export {
   a as default
 };

package/dist/components/input/index.d.ts

@@ -1,2 +1,185 @@
+export declare class Input extends HTMLElement {
+    static get observedAttributes(): string[];
+    _input: HTMLDivElement;
+    _label: HTMLLabelElement | undefined;
+    _inputContent: HTMLInputElement;
+    _icon: HTMLElement | undefined;
+    constructor();
+    /**
+     * @description: 获取input的值
+     * @return {String}
+     */
+    get value(): string | null;
+    /**
+     * @description: 设置input的值
+     * @param {String} value
+     */
+    set value(value: string);
+    /**
+     * @description: 获取input的占位字符
+     * @return {String}
+     */
+    get placeholder(): string | null;
+    /**
+     * @description: 设置input的占位字符
+     * @param {String} value
+     */
+    set placeholder(value: string);
+    /**
+     * @description: input是否为必选
+     * @return {String}
+     */
+    get required(): string | null;
+    /**
+     * @description: 设置input是否为必选，除非设置成false，否则都是必填
+     * @param {*} value
+     */
+    set required(value: string);
+    /**
+     * @description: 获取input上disabled属性
+     * @return {String | null}
+     */
+    get disabled(): boolean;
+    /**
+     * @description: 设置input的disabled属性
+     * @param {String} value
+     */
+    set disabled(value: string);
+    /**
+     * @description: 获取类似于Metiral Design的输入体验。
+     */
+    get label(): string;
+    /**
+     * @description: 设置类似于Metiral Design的输入体验。
+     */
+    set label(value: string);
+    /**
+     * @description: 获取input框的状态
+     */
+    get status(): string;
+    /**
+     * @description: 设置input框的状态
+     */
+    set status(value: string);
+    /**
+     * @description: 与form组件联动时，收集的属性名
+     * @return {String}
+     */
+    get name(): string;
+    /**
+     * @description: 设置name属性
+     * @param {string} value
+     */
+    set name(value: string);
+    /**
+     * @description: 当input类型为number类型时，可以获取min属性
+     * @return {String}
+     */
+    get min(): string;
+    /**
+     * @description: 当input类型为number类型时，设置min属性
+     * @param {string} value
+     */
+    set min(value: string);
+    /**
+     * @description: 当input类型为number类型时，可以获取max属性
+     * @return {String}
+     */
+    get max(): string;
+    /**
+     * @description: 当input类型为number类型时，设置max属性
+     * @param {string} value
+     */
+    set max(value: string);
+    /**
+     * @description: 当input类型为number类型时，可以获取step属性
+     * @return {String}
+     */
+    get step(): string;
+    /**
+     * @description: 当input类型为number类型时，设置step属性
+     * @param {string} value
+     */
+    set step(value: string);
+    /**
+     * @description: 获取一个icon
+     * @return {String}
+     */
+    get icon(): string | null;
+    /**
+     * @description: 设置icon来表示标识
+     * @param {string|null} value
+     */
+    set icon(value: string);
+    /**
+     * @description: 获取input的类型
+     * @return {string|null}
+     */
+    get type(): string | null;
+    /**
+     * @description: 设置input的类型
+     * @param {string|null} value
+     */
+    set type(value: string);
+    /**
+     * @description: 原生的input方法
+     * @param {Event} event
+     */
+    customInput: (event: Event) => void;
+    /**
+     * @description: 增加change方法，同时兼容大小写的情况
+     */
+    customChange: () => void;
+    /**
+     * @description: 监听placeholder属性函数
+     * @param {string} name
+     * @param {string} value
+     */
+    listenPlaceholder: (name: string, value: string) => void;
+    /**
+     * @description: 监听label属性函数
+     * @param {string} name
+     * @param {string} value
+     */
+    listenLabel: (name: string, value: string) => void;
+    /**
+     * @description: 监听type属性
+     * @param {string} name
+     * @param {string} value
+     */
+    listenType: (name: string, value: string) => void;
+    /**
+     * @description: 监听status属性
+     * @param {string} name
+     * @param {string} value
+     */
+    listenStatus: (name: string, value: string) => void;
+    /**
+     * @description: 监听disabled属性
+     * @param {string} name
+     * @param {string} value
+     */
+    listenDisabled: (name: string, value: string) => void;
+    /**
+     * @description:  监听icon属性
+     * @param {string} name
+     * @param {string} value
+     */
+    listenIcon: (name: string, value: string, oldValue: string) => void;
+    /**
+     * @description: 处理icon属性的问题
+     */
+    dealIcon: () => void;
+    /**
+     * @description: 聚合监听事件
+     * @param {string} name
+     * @param {string} oldValue
+     * @param {string} newValue
+     */
+    listenEvent: (name: string, oldValue: string, newValue: string) => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
 declare const _default: import('../../utils/index').CustomErrorType;
 export default _default;

package/dist/components/input/index.js

@@ -1,5 +1,6 @@
-import { a } from "../../index-ecaed5cc.js";
+import { I, a } from "../../index-1048a998.js";
 import "../../index-57492b9b.js";
 export {
+  I as Input,
   a as default
 };

package/dist/components/message/index.js

@@ -1,4 +1,4 @@
-import { m } from "../../index-48653b79.js";
+import { m } from "../../index-0d5b9435.js";
 export {
   m as default
 };

package/dist/components/option/index.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { c as createCustomError, i as isDisabled } from "../../index-57492b9b.js";
-const f7170ee498e0dd32cbdcb63fba8f75cc = '@keyframes ranui-select-dropdown-down-in{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}to{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes ranui-select-dropdown-down-out{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}to{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes ranui-select-dropdown-up-in{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}@keyframes ranui-select-dropdown-up-out{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.ran-select-dropdown-down-in{animation:ranui-select-dropdown-up-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-down-out{animation:ranui-select-dropdown-up-out .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-in{animation:ranui-select-dropdown-down-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-out{animation:ranui-select-dropdown-down-out .2s;animation-fill-mode:forwards}.ranui-select-dropdown{position:absolute;transform-origin:var(--ran-x, 50%) var(--ran-y, 50%);box-sizing:border-box;margin:0;padding:4px;color:#000000e0;font-size:14px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";z-index:1050;overflow:hidden;font-variant:initial;background:#ffffff;border-radius:8px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;cursor:pointer}.ranui-select-dropdown-option-item{position:relative;display:block;padding:5px 12px;color:#000000e0;font-weight:400;font-size:14px;transition:background .3s ease;border-radius:4px}.ranui-select-dropdown-option-item:hover{background-color:#0000000a}.ranui-select-dropdown-option-item-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000e0;font-size:14px;line-height:1.57142857;box-sizing:border-box;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:initial}.ranui-select-dropdown-option-active{background-color:#e6f7ff;font-weight:700}.ranui-select-dropdown-option-active:hover{background-color:#e6f7ff}\n';
+const f7170ee498e0dd32cbdcb63fba8f75cc = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}@keyframes ranui-select-dropdown-down-in{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}to{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes ranui-select-dropdown-down-out{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}to{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes ranui-select-dropdown-up-in{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}@keyframes ranui-select-dropdown-up-out{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.ran-select-dropdown-down-in{animation:ranui-select-dropdown-up-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-down-out{animation:ranui-select-dropdown-up-out .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-in{animation:ranui-select-dropdown-down-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-out{animation:ranui-select-dropdown-down-out .2s;animation-fill-mode:forwards}.ranui-select-dropdown{position:absolute;transform-origin:var(--ran-x, 50%) var(--ran-y, 50%);box-sizing:border-box;margin:0;padding:4px;color:#000000e0;font-size:14px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";z-index:1050;overflow:hidden;font-variant:initial;background:#ffffff;border-radius:8px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;cursor:pointer}.ranui-select-dropdown-option-item{position:relative;display:block;padding:5px 12px;color:#000000e0;font-weight:400;font-size:14px;transition:background .3s ease;border-radius:4px}.ranui-select-dropdown-option-item:hover{background-color:#0000000a}.ranui-select-dropdown-option-item-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000e0;font-size:14px;line-height:1.57142857;box-sizing:border-box;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:initial}.ranui-select-dropdown-option-active{background-color:#e6f7ff;font-weight:700}.ranui-select-dropdown-option-active:hover{background-color:#e6f7ff}\n';
 const index$1 = "";
 function Custom() {
   if (typeof document !== "undefined" && !customElements.get("r-option")) {