@leafer-in/state 1.0.0-rc.22 → 1.0.0-rc.23

package/dist/state.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+var core = require('@leafer-ui/core');
+
+function hasFixedState(leaf) {
+    return leaf.selected || leaf.disabled || core.State.isFocus(leaf);
+}
+function restoreStyle(leaf) {
+    const style = leaf.__.normalStyle;
+    if (style) {
+        leaf.set(style);
+        leaf.__.normalStyle = undefined;
+    }
+}
+
+function setStateStyle(leaf, stateType, pointerState) {
+    let style;
+    const data = leaf.__;
+    if (pointerState) {
+        style = !hasFixedState(leaf) && data[stateType];
+    }
+    else {
+        switch (stateType) {
+            case 'disabledStyle':
+                style = data[stateType];
+                break;
+            case 'focusStyle':
+                style = !leaf.disabled && data[stateType];
+                break;
+            case 'selectedStyle':
+                style = !leaf.disabled && !core.State.isFocus(leaf) && data[stateType];
+                break;
+        }
+    }
+    if (style) {
+        restoreStyle(leaf);
+        leaf.__.normalStyle = leaf.get(style);
+        leaf.set(style);
+    }
+}
+
+function unsetStateStyle(leaf, _stateType, pointerState) {
+    if (pointerState) {
+        if (!hasFixedState(leaf)) {
+            restoreStyle(leaf);
+            if (core.State.isPress(leaf) && leaf.pressStyle) {
+                setStateStyle(leaf, 'pressStyle', true);
+            }
+            else if (core.State.isHover(leaf) && leaf.hoverStyle) {
+                setStateStyle(leaf, 'hoverStyle', true);
+            }
+        }
+    }
+    else {
+        restoreStyle(leaf);
+        if (leaf.disabledStyle && leaf.disabled) {
+            setStateStyle(leaf, 'disabledStyle');
+        }
+        else if (leaf.focusStyle && core.State.isFocus(leaf)) {
+            setStateStyle(leaf, 'focusStyle');
+        }
+        else if (leaf.selectedStyle && leaf.selected) {
+            setStateStyle(leaf, 'selectedStyle');
+        }
+    }
+}
+
+function updateEventStyle(leaf, eventType) {
+    switch (eventType) {
+        case core.PointerEvent.ENTER:
+            setStateStyle(leaf, 'hoverStyle', true);
+            break;
+        case core.PointerEvent.LEAVE:
+            unsetStateStyle(leaf, 'hoverStyle', true);
+            break;
+        case core.PointerEvent.DOWN:
+            setStateStyle(leaf, 'pressStyle', true);
+            break;
+        case core.PointerEvent.UP:
+            unsetStateStyle(leaf, 'pressStyle', true);
+            break;
+    }
+}
+
+core.State.isHover = function (leaf) { return leaf.leafer && leaf.leafer.interaction.isHover(leaf); };
+core.State.isPress = function (leaf) { return leaf.leafer && leaf.leafer.interaction.isPress(leaf); };
+core.State.isFocus = function (leaf) { return leaf.leafer && leaf.leafer.interaction.isFocus(leaf); };
+core.State.isDrag = function (leaf) { return leaf.leafer && leaf.leafer.interaction.isDrag(leaf); };
+core.State.setStyle = function (leaf, stateType, value) { value ? setStateStyle(leaf, stateType) : unsetStateStyle(leaf); };
+core.State.updateEventStyle = updateEventStyle;
+core.UI.prototype.focus = function (value = true) {
+    this.waitLeafer(() => {
+        let { focusData } = this.app.interaction;
+        if (value) {
+            if (focusData)
+                focusData.focus(false);
+            focusData = this;
+        }
+        else {
+            focusData = null;
+        }
+        this.app.interaction.focusData = focusData;
+        core.State.setStyle(this, 'focusStyle', value);
+    });
+};

package/dist/state.min.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@leafer-ui/core");function t(t){return t.selected||t.disabled||e.State.isFocus(t)}function s(e){const t=e.__.normalStyle;t&&(e.set(t),e.__.normalStyle=void 0)}function a(a,i,r){let n;const l=a.__;if(r)n=!t(a)&&l[i];else switch(i){case"disabledStyle":n=l[i];break;case"focusStyle":n=!a.disabled&&l[i];break;case"selectedStyle":n=!a.disabled&&!e.State.isFocus(a)&&l[i]}n&&(s(a),a.__.normalStyle=a.get(n),a.set(n))}function i(i,r,n){n?t(i)||(s(i),e.State.isPress(i)&&i.pressStyle?a(i,"pressStyle",!0):e.State.isHover(i)&&i.hoverStyle&&a(i,"hoverStyle",!0)):(s(i),i.disabledStyle&&i.disabled?a(i,"disabledStyle"):i.focusStyle&&e.State.isFocus(i)?a(i,"focusStyle"):i.selectedStyle&&i.selected&&a(i,"selectedStyle"))}e.State.isHover=function(e){return e.leafer&&e.leafer.interaction.isHover(e)},e.State.isPress=function(e){return e.leafer&&e.leafer.interaction.isPress(e)},e.State.isFocus=function(e){return e.leafer&&e.leafer.interaction.isFocus(e)},e.State.isDrag=function(e){return e.leafer&&e.leafer.interaction.isDrag(e)},e.State.setStyle=function(e,t,s){s?a(e,t):i(e)},e.State.updateEventStyle=function(t,s){switch(s){case e.PointerEvent.ENTER:a(t,"hoverStyle",!0);break;case e.PointerEvent.LEAVE:i(t,0,!0);break;case e.PointerEvent.DOWN:a(t,"pressStyle",!0);break;case e.PointerEvent.UP:i(t,0,!0)}},e.UI.prototype.focus=function(t=!0){this.waitLeafer((()=>{let{focusData:s}=this.app.interaction;t?(s&&s.focus(!1),s=this):s=null,this.app.interaction.focusData=s,e.State.setStyle(this,"focusStyle",t)}))};

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "@leafer-in/state",
-  "version": "1.0.0-rc.22",
+  "version": "1.0.0-rc.23",
   "description": "@leafer-in/state",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
+  "type": "module",
   "main": "dist/state.esm.js",
+  "exports": {
+    "import": "./dist/state.esm.js",
+    "require": "./dist/state.cjs",
+    "types": "./types/index.d.ts"
+  },
+  "types": "types/index.d.ts",
   "unpkg": "dist/state.js",
   "jsdelivr": "dist/state.js",
-  "types": "types/index.d.ts",
   "files": [
     "src",
     "types",
@@ -28,8 +34,8 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer-ui/core": "1.0.0-rc.22",
-    "@leafer-ui/interface": "1.0.0-rc.22",
-    "@leafer-in/interface": "1.0.0-rc.22"
+    "@leafer-ui/core": "1.0.0-rc.23",
+    "@leafer-ui/interface": "1.0.0-rc.23",
+    "@leafer-in/interface": "1.0.0-rc.23"
   }
 }