pixuireactcomponents 1.2.2 → 1.2.3

package/ui/components/slider/Slider.js

@@ -0,0 +1,289 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { Component, createRef, h } from 'preact';
+var row_center_center = {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+};
+var row_between_center = {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+};
+var wrapperStyle;
+var outerStyle;
+var innerStyle;
+var dotStyle;
+var dotWrapperStyle;
+var incButtonStyle;
+var decButtonStyle;
+var withButtonStyle;
+var lastX = undefined; // 上一次位置的横坐标
+var count = 0; // 拖动条距离最左端的位置 [0, this.props.wrapperWidth]
+var rect = undefined; // 滑动区域
+var Slider = /** @class */ (function (_super) {
+    __extends(Slider, _super);
+    function Slider(props) {
+        var _this = _super.call(this, props) || this;
+        _this.discrete = Math.round(_this.props.discrete == null ? 0 : _this.props.discrete);
+        _this.refWrapper = createRef();
+        _this.onDragStart = function (event) {
+            console.log('【Slider】DragStart event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
+            lastX = event.clentX;
+            count = _this.state.percent / 10000 * _this.props.wrapperWidth;
+            if (_this.props.onDragStart) {
+                _this.props.onDragStart();
+            }
+        };
+        _this.onDrag = function (event) {
+            if (event.clientX < rect.left - 50 || event.clientX > rect.right + 50)
+                return;
+            if (lastX == undefined) {
+                lastX = event.clientX;
+                return;
+            }
+            var move = Number(event.clientX) - Number(lastX);
+            count += move;
+            count = Math.min(_this.props.wrapperWidth, count);
+            count = Math.max(0, count);
+            var newPercent = count / _this.props.wrapperWidth * 10000;
+            if (_this.props.isDiscrete == true && _this.props.maxDiscrete != null) {
+                newPercent = count / _this.props.wrapperWidth * _this.props.maxDiscrete;
+                _this.discrete = Math.round(newPercent);
+                // this.setState({
+                //     discrete: Math.round(newPercent),
+                // })
+                if (_this.props.rangeControl) {
+                    if (_this.props.endRange != null)
+                        _this.discrete = Math.min(_this.discrete, _this.props.endRange);
+                    if (_this.props.startRange != null)
+                        _this.discrete = Math.max(_this.discrete, _this.props.startRange);
+                }
+                newPercent = _this.discrete * (10000 / _this.props.maxDiscrete);
+            }
+            _this.setState({
+                percent: newPercent
+            }, function () {
+                console.log('【Slider】OnDrag event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----discrete----' + _this.discrete + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
+                if (_this.props.onDrag)
+                    _this.props.onDrag(_this.props.isDiscrete ? _this.discrete : newPercent);
+            });
+            lastX = event.clientX;
+        };
+        _this.onDragEnd = function (event) {
+            lastX = undefined;
+            if (_this.props.isDiscrete == true && _this.props.maxDiscrete != null) {
+                //console.log("OnDragEnd -----discrete----"+this.state.discrete)
+                _this.setState({
+                    percent: _this.discrete * (10000 / _this.props.maxDiscrete),
+                }, function () {
+                    console.log('【Slider】DragEnd event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----discrete----' + _this.discrete + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
+                    if (_this.props.onDragEnd) {
+                        _this.props.onDragEnd(_this.props.isDiscrete ? _this.discrete : _this.state.percent);
+                    }
+                });
+            }
+            else {
+                console.log('【Slider】DragEnd event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
+                if (_this.props.onDragEnd) {
+                    _this.props.onDragEnd(_this.props.isDiscrete ? _this.discrete : _this.state.percent);
+                }
+            }
+        };
+        _this.onDecClick = function () {
+            //离散的情况
+            if (_this.props.isDiscrete && _this.props.maxDiscrete) {
+                if (_this.discrete >= 1) {
+                    _this.discrete -= 1;
+                    if (_this.props.rangeControl && _this.props.startRange != null) {
+                        _this.discrete = Math.max(_this.discrete, _this.props.startRange);
+                    }
+                    var newPercent = _this.discrete * (10000 / _this.props.maxDiscrete);
+                    _this.setState({
+                        //discrete: this.state.discrete - 1,
+                        percent: newPercent
+                    }, function () {
+                        if (_this.props.onDecClick) {
+                            _this.props.onDecClick(_this.discrete);
+                        }
+                    });
+                }
+            }
+            //连续的情况
+            else {
+                if (_this.state.percent > 0) {
+                    _this.setState({
+                        percent: _this.state.percent - 1
+                    }, function () {
+                        if (_this.props.onIncClick) {
+                            _this.props.onIncClick(_this.state.percent);
+                        }
+                    });
+                }
+            }
+        };
+        _this.onIncClick = function () {
+            //离散的情况
+            if (_this.props.isDiscrete && _this.props.maxDiscrete) {
+                if (_this.discrete < _this.props.maxDiscrete) {
+                    _this.discrete += 1;
+                    if (_this.props.rangeControl && _this.props.startRange != null) {
+                        _this.discrete = Math.max(_this.discrete, _this.props.startRange);
+                    }
+                    var newPercent = _this.discrete * (10000 / _this.props.maxDiscrete);
+                    _this.setState({
+                        // discrete: this.state.discrete + 1,
+                        percent: newPercent
+                    }, function () {
+                        if (_this.props.onIncClick) {
+                            _this.props.onIncClick(_this.discrete);
+                        }
+                    });
+                }
+            }
+            //连续的情况
+            else {
+                if (_this.state.percent < 10000) {
+                    _this.setState({
+                        percent: _this.state.percent + 1
+                    }, function () {
+                        if (_this.props.onIncClick) {
+                            _this.props.onIncClick(_this.state.percent);
+                        }
+                    });
+                }
+            }
+        };
+        _this.computeWrapperStyle = function () {
+            wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, row_center_center);
+        };
+        _this.computeOuterStyle = function () {
+            outerStyle = {
+                width: '100%',
+                height: _this.props.height + 'px',
+                backgroundImage: "url(".concat(_this.props.outerBg, ")"),
+                backgroundSize: '100% 100%',
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'start',
+                alignItems: 'center'
+            };
+        };
+        _this.computeInnerStyle = function () {
+            var _width = Math.floor(_this.state.percent / 100) + '%';
+            innerStyle = {
+                width: _width,
+                height: (_this.props.innerHeight != null) ? _this.props.innerHeight + 'px' : '100%',
+                backgroundImage: "url(".concat(_this.props.innerBg, ")"),
+                backgroundSize: '100% 100%',
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'start',
+                alignItems: 'center'
+            };
+        };
+        _this.computeDotWrapperStyle = function () {
+            dotWrapperStyle = __assign({ position: 'absolute', width: _this.props.dotWrapperWidth + 'px', height: _this.props.dotWrapperHeight + 'px', 
+                //marginTop: (this.props.height - this.props.dotWrapperHeight) / 2 + "px",
+                marginLeft: (_this.props.wrapperWidth * _this.state.percent / 10000 - _this.props.dotWrapperWidth / 2) + 'px' }, row_center_center
+            // backgroundColor: '#FF000066'
+            );
+        };
+        _this.computeDotStyle = function () {
+            dotStyle = {
+                width: _this.props.dotWidth + 'px',
+                height: _this.props.dotHeight + 'px',
+            };
+        };
+        _this.computeIncButtonStyle = function () {
+            incButtonStyle = {
+                width: _this.props.incButtonWidth + 'px',
+                height: _this.props.incButtonHeight + 'px',
+                //marginLeft:this.props.incButtonLeft+"px",
+                //backgroundImage: `url(${this.props.incButtonBg})`,
+            };
+        };
+        _this.computeDecButtonStyle = function () {
+            decButtonStyle = {
+                width: _this.props.decButtonWidth + 'px',
+                height: _this.props.decButtonHeight + 'px',
+                //marginRight:this.props.decButtonRight+"px",
+                //backgroundImage: `url(${this.props.decButtonBg})`,
+            };
+        };
+        _this.computeWithButtonStyle = function () {
+            withButtonStyle = __assign({ minWidth: _this.props.overallWidth + 'px' }, row_between_center);
+        };
+        _this.state = {
+            percent: (props.discrete != null && _this.props.maxDiscrete != null && _this.props.discrete != null) ? _this.props.discrete * (10000 / _this.props.maxDiscrete) : Math.floor(_this.props.percent),
+            //discrete: Math.round(this.props.discrete==null?0:this.props.discrete)
+        };
+        _this.computeWrapperStyle();
+        _this.computeOuterStyle();
+        return _this;
+    }
+    Slider.prototype.componentDidMount = function () {
+        rect = this.refWrapper.current.getBoundingClientRect();
+    };
+    Slider.prototype.componentWillReceiveProps = function (nextProps) {
+        if (nextProps.percent == this.props.percent && nextProps.discrete == this.props.discrete)
+            return;
+        if (this.props.isDiscrete == true && this.props.maxDiscrete != null) {
+            this.discrete = nextProps.discrete;
+            this.setState({
+                //discrete:nextProps.discrete,
+                percent: this.discrete * (10000 / this.props.maxDiscrete)
+            });
+        }
+        else {
+            this.setState({
+                percent: nextProps.percent,
+            });
+        }
+    };
+    Slider.prototype.render = function () {
+        this.computeInnerStyle();
+        this.computeDotWrapperStyle();
+        this.computeDotStyle();
+        this.computeIncButtonStyle();
+        this.computeDecButtonStyle();
+        this.computeWithButtonStyle();
+        return (h("div", { style: this.props.hasIncDecButton ? withButtonStyle : {} },
+            this.props.hasIncDecButton && h("img", { src: this.props.decButtonBg, style: decButtonStyle, onClick: this.onDecClick }),
+            h("div", { ref: this.refWrapper, style: wrapperStyle },
+                h("div", { style: outerStyle },
+                    h("div", { style: innerStyle },
+                        h("div", { style: dotWrapperStyle, draggable: true, onDragStart: this.onDragStart, onDrag: this.onDrag, onDragEnd: this.onDragEnd },
+                            h("img", { src: this.props.dotBg, style: dotStyle }))))),
+            this.props.hasIncDecButton && h("img", { src: this.props.incButtonBg, style: incButtonStyle, onClick: this.onIncClick })));
+    };
+    return Slider;
+}(Component));
+export { Slider };

package/ui/components/tab/Tab.d.ts

@@ -0,0 +1,6 @@
+import { Component, JSX } from "preact";
+export declare class Tab extends Component<{
+    realTab: JSX.Element;
+}, any> {
+    render(): JSX.Element;
+}

package/ui/components/tab/Tab.js

@@ -0,0 +1,27 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Component } from "preact";
+var Tab = /** @class */ (function (_super) {
+    __extends(Tab, _super);
+    function Tab() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Tab.prototype.render = function () {
+        return (this.props.realTab);
+    };
+    return Tab;
+}(Component));
+export { Tab };

package/ui/components/tab/Tabs.d.ts

@@ -0,0 +1,12 @@
+import { Component, CSSProperties, h } from "preact";
+export declare class Tabs extends Component<{
+    tabBarStyle: CSSProperties;
+    onChoose: Function;
+    defaultIndex: number | null;
+}, {
+    selectedIndex: number;
+}> {
+    constructor(props: any);
+    SetCurrentIndex: (index: number) => void;
+    render(): h.JSX.Element;
+}

package/ui/components/tab/Tabs.js

@@ -0,0 +1,54 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Component, h } from "preact";
+import { Tab } from "./Tab";
+var Tabs = /** @class */ (function (_super) {
+    __extends(Tabs, _super);
+    function Tabs(props) {
+        var _this = _super.call(this, props) || this;
+        _this.SetCurrentIndex = function (index) {
+            if (index < 0 || index >= _this.props.children.length)
+                return;
+            _this.setState({
+                selectedIndex: index
+            });
+        };
+        var initIndex = _this.props.defaultIndex == null ? 0 : _this.props.defaultIndex;
+        _this.state = {
+            selectedIndex: initIndex
+        };
+        return _this;
+    }
+    Tabs.prototype.render = function () {
+        var _this = this;
+        return (h("div", { style: this.props.tabBarStyle }, this.props.children.map(function (v, index) {
+            if (v.type != Tab)
+                return v; // 留的口子，方便往Tabs里插入一些东西
+            return (h("div", { onClick: function () {
+                    if (_this.state.selectedIndex == index) {
+                        return;
+                    }
+                    _this.setState({
+                        selectedIndex: index
+                    }, function () {
+                        _this.props.onChoose(_this.state.selectedIndex);
+                    });
+                } }, v));
+        })));
+    };
+    return Tabs;
+}(Component));
+export { Tabs };

package/cmdAfterTsBuild.js

@@ -1,8 +0,0 @@
-const { copyFile, copyFileSync } = require("fs");
-
-const PUBLISH_PATH = "publish_components"
-
-copyFileSync("./ui/ui.md", `./../${PUBLISH_PATH}/ui/ui.md`, )
-copyFileSync("./tools/tools.md", `./../${PUBLISH_PATH}/tools/tools.md`)
-copyFileSync("./README.md", `./../${PUBLISH_PATH}/README.md`)
-

package/tools/EventDispatcherJs.tsx

@@ -1,74 +0,0 @@
-class EventDispatcherCls {   //变量在对象实例上，方法在原型上
-	private listeners = {};
-
-	AddEventListener(eventName:string, listener:any, ...args)
-	{
-		if (listener == undefined){
-			console.warn("listener为空, eventName: "+ eventName);
-			return;
-		}
-
-		let listeners = this.listeners;
-		if (listeners[eventName] == undefined) {
-			listeners[eventName] = [];
-		}
-		
-		let eventList:Array<Object> = listeners[eventName];
-		eventList.forEach(function (v:any) {
-			if (v.eventName == eventName && v.listener == listener){
-				console.warn("重复添加的事件监听, eventName: " + eventName);
-				return;
-			}
-		});
-
-		eventList.push({"eventName":eventName,"listener":listener,"args":args,});
-	}
-
-	HasEventListener(eventName:string){
-		if (this.listeners[eventName] == undefined || this.listeners[eventName].length == 0){
-			return false;
-		}
-		
-		return true;
-	}
-
-	RemoveEventListener(eventName:string, listener){
-		if (this.HasEventListener(eventName) == false){
-			return;
-		}
-
-		let eventList:Array<Object> = this.listeners[eventName];
-		for (let i = eventList.length - 1; i >=0; --i) {
-			let event:any = eventList[i];
-			if (event.eventName == eventName && event.listener == listener) {
-				eventList.splice(i, 1);
-			}
-		}
-
-		if (eventList.length == 0){
-			this.listeners[eventName] = null;
-		}
-	}
-
-	RemoveEventAllListener(eventName:string){
-		if (this.HasEventListener(eventName)){
-			this.listeners[eventName] = null;
-		}		
-	}
-
-	DispatchEvent(eventName:string, ...args){
-		if (eventName == undefined || this.HasEventListener(eventName) == false){
-			return;
-		}
-
-		let eventList:Array<Object> = this.listeners[eventName].slice(0);
-		for (let i = 0; i < eventList.length; ++i) {
-			let obj:any = eventList[i];
-			let listener:any = obj.listener;
-			// listener.apply(this, obj.args.concat(args));
-			listener(...obj.args.concat(args))
-		}
-	}
-}
-
-export let EventDispatcherJs = Object.freeze(new EventDispatcherCls());

package/tools/Logger.tsx

@@ -1,161 +0,0 @@
-export function Logger(){
-}
-
-// 移除最后一个(key, value)后面的 ','
-let regex = new RegExp("(,)(\n$)");
-/**
- * printer1: 完整打印，用4个空格缩进
- * @param object Object
- * @param name string
- */
-Logger.ObjectPrinter = function(object, name){
-    let strResult = "";
-    strResult += name + " = ";
-    strResult += getTreeStyleStr(object, 1);
-
-    strResult = strResult.replace(regex, "$2");
-    console.warn(strResult);
-}
-
-function getTreeStyleStr(object, level){
-    const isArray = object instanceof Array
-    let str = isArray ? "[\n" : "{\n";
-    for (const key in object) {
-        let value = object[key];
-        let curSeparation = getSeparation1(level);
-        
-        if(typeof(value) != 'object'){
-            str += curSeparation + key + " : " + value + ",\n"; 
-        }
-        else{
-            str += curSeparation + key + " : " +  getTreeStyleStr(value, level + 1);
-        }
-    }
-
-    str = str.replace(regex, "$2");
-    str += getSeparation1(level - 1) + (isArray ? "],\n" : "},\n");
-    return str;
-}
-
-const SEPARARION1 = "    ";
-function getSeparation1(level){
-    let totalSeparation = "";
-    while(level > 0){
-        totalSeparation += SEPARARION1;
-        level--;
-    }
-
-    return totalSeparation;
-}
-
-
-let regexForLine = new RegExp(",$")
-/**
- * printer2: 完整打印，用\t
- * @param object Object
- * @param name sring
- */
-Logger.ObjectPrinter2 = function(object, name){
-    let lines: string[] = []
-    lines.push(`${name} = `)
-    getTreeStyleLines(object, 1, lines)
-
-    console.warn(lines.join("\n"))
-}
-
-function getTreeStyleLines(object: Object, level: number, lines: string[]){
-    const isArray = object instanceof Array
-    let linePostFix = isArray ? "[" : "{"
-
-    let lastLine = lines.pop()
-    lines.push(lastLine + linePostFix)
-
-    for (const key in object) {
-        const value = object[key];
-        const curSeparation = getSeparation2(level);
-        
-        if(typeof(value) != 'object'){
-            let curLine = curSeparation + key + " : " + value + ",";
-            lines.push(curLine)
-        }
-        else{
-            let curLinePreFix = curSeparation + key + " : "
-            lines.push(curLinePreFix)
-            getTreeStyleLines(value, level + 1, lines);
-        }
-    }
-
-    lastLine = lines.pop()
-    if(lastLine)    lines.push(lastLine.replace(regexForLine, ""))  // 一定执行
-
-    lines.push(getSeparation2(level - 1) + (isArray ? "]" : "}"))
-}
-
-const SEPARARION2 = "\t";
-function getSeparation2(level){
-    let totalSeparation = "";
-    while(level > 0){
-        totalSeparation += SEPARARION2;
-        level--;
-    }
-
-    return totalSeparation;
-}
-
-/**
- * 
-    printer3: 打印关键层级信息，如果是数组，只打印第一个，后续用 ...len 代替（PS: 假定数组中每个元素都是一样的格式）
- * @param object Object
- * @param name string
- */
-Logger.HierarchyPrinter = function(object, name){
-    let lines: string[] = []
-    lines.push(`${name} = `)
-    getTreeStyleHierarchyLines(object, 1, lines)
-
-    console.warn(lines.join("\n"))
-}
-
-function getTreeStyleHierarchyLines(object, level: number, lines: string[]){
-    const isArray = object instanceof Array
-    let linePostFix = isArray ? "[" : "{"
-    let lastLine = lines.pop()
-    lines.push(lastLine + linePostFix)
-
-    if(isArray){
-        const key = 0
-        const value = object[key];
-        const curSeparation = getSeparation2(level);
-        
-        if(typeof(value) != 'object'){
-            let curLine = curSeparation + key + " : " + value + ",";
-            lines.push(curLine)
-        }
-        else{
-            let curLinePreFix = curSeparation + key + " : "
-            lines.push(curLinePreFix)
-            getTreeStyleHierarchyLines(value, level + 1, lines);
-        }
-        lines.push(curSeparation + "...len=" + object.length)
-    }
-    else{
-        for (const key in object) {
-            const value = object[key];
-            const curSeparation = getSeparation2(level);
-            
-            if(typeof(value) != 'object'){
-                let curLine = curSeparation + key + " : " + value + ",";
-                lines.push(curLine)
-            }
-            else{
-                let curLinePreFix = curSeparation + key + " : "
-                lines.push(curLinePreFix)
-                getTreeStyleHierarchyLines(value, level + 1, lines);
-            }
-        }
-        lastLine = lines.pop()
-        if(lastLine)    lines.push(lastLine.replace(regexForLine, ""))  // 一定执行
-    }
-
-    lines.push(getSeparation2(level - 1) + (isArray ? "]" : "}"))
-}

package/tsconfig.json

@@ -1,45 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "es5",
-		"module": "ES6",
-		"baseUrl": ".",
-		"paths": {
-			"preact": ["../../lib/preact/src"],
-		},
-		"outDir": "../publish_components",
-		"allowJs": true,
-		"skipLibCheck": true,
-		"esModuleInterop": true,
-		"allowSyntheticDefaultImports": true,
-		"strict": true,
-		"forceConsistentCasingInFileNames": true,
-		"moduleResolution":"node",
-		"resolveJsonModule": true,
-		"noImplicitAny": false,
-		"jsx":"react",
-		"jsxFactory": "h",
-    	// "sourceMap": false,
-		"declaration": true,
-		"declarationDir": "../publish_components"
-		// "noEmit": true
-	},
-	"files":[
-		"index.js", 
-		"package.json",
-	],
-	"include": [
-		"ui/components/tab/*",
-		"ui/components/slider/*",
-		"ui/components/progress/*",
-		"ui/components/dropdown/*",
-		"ui/components/gradient/*",
-		"ui/components/outlinetext",
-		"tools/*",
-		"ui/components/carousel/*",
-		"ui/components/slapface/*",
-		"ui/components/slapface/less/*",
-		"ui/components/button/*",
-	
-	],
-
-}