musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/card/styles.mjs

@@ -1,265 +1,281 @@
-/**
- * @zh Card 组件样式定义,每个 namespace 独立 $create 调用
- */
-var styles = {
-  card: {
-    "default": {
-      kVAEAm: "musaex-1n2onr6",
-      kVQacm: "musaex-b3r6kr",
-      kaIpWk: "musaex-1k532am",
-      kB7OPa: "musaex-9f619",
-      k1ekBW: "musaex-f1bglv",
-      kIyJzY: "musaex-1dg6om",
-      k5JduY: "musaex-100rkj9",
-      kwXMNM: "musaex-1j6awrg",
-      kv0HGH: "musaex-arstr8",
-      kloYau: "musaex-2q1x1w",
-      kRicXK: "musaex-1ywzrc5",
-      kPNhGg: "musaex-l3kudx",
-      ks3ayO: "musaex-86grr",
-      $$css: true
-    },
-    stacked: {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-dt5ytf",
-      $$css: true
-    },
-    horizontal: {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-1qjc9v5",
-      $$css: true
-    },
-    interactive: {
-      kkrTdU: "musaex-1ypdohk",
-      $$css: true
-    },
-    disabled: {
-      kkrTdU: "musaex-1h6gzvc",
-      $$css: true
-    },
-    outlined: {
-      kWkggS: "musaex-k7eln3",
-      kMzoRj: "musaex-1iyq3db",
-      ksu8eU: "musaex-1y0btm7",
-      kVAM5u: "musaex-axmpxa",
-      kGVxlE: "musaex-1gnnqk1",
-      $$css: true
-    },
-    elevated: {
-      kWkggS: "musaex-1eai1fy",
-      kMzoRj: "musaex-c342km",
-      kGVxlE: "musaex-1tw10uf",
-      $$css: true
-    },
-    filled: {
-      kWkggS: "musaex-1mu49yl",
-      kMzoRj: "musaex-c342km",
-      kGVxlE: "musaex-1gnnqk1",
-      $$css: true
-    }
+var card = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    kVQacm: "musaex-b3r6kr",
+    kaIpWk: "musaex-1k532am",
+    kB7OPa: "musaex-9f619",
+    k1ekBW: "musaex-f1bglv",
+    kIyJzY: "musaex-1dg6om",
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    kv0HGH: "musaex-arstr8",
+    kloYau: "musaex-2q1x1w",
+    kRicXK: "musaex-1ywzrc5",
+    kPNhGg: "musaex-l3kudx",
+    ks3ayO: "musaex-86grr",
+    $$css: true
   },
-  elevationState: {
-    outlinedHover: {
-      kGVxlE: "musaex-1tw10uf",
-      $$css: true
-    },
-    outlinedDragged: {
-      kGVxlE: "musaex-15krw24",
-      $$css: true
-    },
-    elevatedHover: {
-      kGVxlE: "musaex-vkh6yx",
-      $$css: true
-    },
-    elevatedDragged: {
-      kGVxlE: "musaex-1ltemje",
-      $$css: true
-    },
-    filledDragged: {
-      kGVxlE: "musaex-15krw24",
-      $$css: true
-    }
+  stacked: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    $$css: true
   },
-  stateLayer: {
-    hover: {
-      kOZJV1: "musaex-6n5h58",
-      $$css: true
-    },
-    focus: {
-      kUltx: "musaex-177puvd",
-      $$css: true
-    },
-    press: {
-      kAcZsS: "musaex-6g40nx",
-      $$css: true
-    }
+  horizontal: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-1qjc9v5",
+    $$css: true
   },
-  header: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kGNEyG: "musaex-6s0dn4",
-      kB7OPa: "musaex-9f619",
-      kzqmXN: "musaex-92755x",
-      kmuXW: "musaex-2lah0s",
-      kZCmMZ: "musaex-1ox7qdy",
-      kwRFfy: "musaex-epcfto",
-      k8WAf4: "musaex-s7sbuz",
-      kOIVth: "musaex-g4b44g",
-      $$css: true
-    },
-    stacked: {
-      $$css: true
-    },
-    horizontal: {
-      kmVPX3: "musaex-1atb43h",
-      kUk6DE: "musaex-5mp9sv",
-      $$css: true
-    }
+  interactive: {
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
   },
-  headerContent: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kUk6DE: "musaex-5mp9sv",
-      kGNEyG: "musaex-6s0dn4",
-      kOIVth: "musaex-g4b44g",
-      k7Eaqz: "musaex-euugli",
-      $$css: true
-    }
+  disabled: {
+    kkrTdU: "musaex-1h6gzvc",
+    $$css: true
   },
-  headerText: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-dt5ytf",
-      kOIVth: "musaex-15wobh7",
-      k7Eaqz: "musaex-euugli",
-      kUk6DE: "musaex-5mp9sv",
-      $$css: true
-    }
+  outlined: {
+    kWkggS: "musaex-k7eln3",
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kGVxlE: "musaex-1gnnqk1",
+    $$css: true
   },
-  headerTitle: {
-    "default": {
-      kGuDYH: "musaex-1j61zf2",
-      k63SB2: "musaex-k50ysn",
-      kLWn49: "musaex-1o2sk6j",
-      kb6lSQ: "musaex-1iayye1",
-      kMwMTN: "musaex-1j14bxn",
-      khDVqt: "musaex-uxw1ft",
-      kVQacm: "musaex-b3r6kr",
-      kg5iWk: "musaex-lyipyv",
-      $$css: true
-    }
+  elevated: {
+    kWkggS: "musaex-1eai1fy",
+    kMzoRj: "musaex-c342km",
+    kGVxlE: "musaex-1tw10uf",
+    $$css: true
   },
-  headerSubhead: {
-    "default": {
-      kGuDYH: "musaex-if65rj",
-      k63SB2: "musaex-o1l8bm",
-      kLWn49: "musaex-1fc57z9",
-      kb6lSQ: "musaex-f4yft",
-      kMwMTN: "musaex-bq1wot",
-      $$css: true
-    }
+  filled: {
+    kWkggS: "musaex-1mu49yl",
+    kMzoRj: "musaex-c342km",
+    kGVxlE: "musaex-1gnnqk1",
+    $$css: true
+  }
+};
+var elevationState = {
+  outlinedHover: {
+    kGVxlE: "musaex-1tw10uf",
+    $$css: true
   },
-  headerAction: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kGNEyG: "musaex-6s0dn4",
-      kjj79g: "musaex-l56j7k",
-      kzqmXN: "musaex-1useyqa",
-      kZKoxP: "musaex-sdox4t",
-      kmuXW: "musaex-2lah0s",
-      kSGwAc: "musaex-kh2ocl",
-      $$css: true
-    }
+  outlinedDragged: {
+    kGVxlE: "musaex-15krw24",
+    $$css: true
   },
-  media: {
-    "default": {
-      kVAEAm: "musaex-1n2onr6",
-      kVQacm: "musaex-b3r6kr",
-      $$css: true
-    },
-    stacked: {
-      kzqmXN: "musaex-92755x",
-      kUk6DE: "musaex-5mp9sv",
-      kAzted: "musaex-2lwn1j",
-      $$css: true
-    },
-    horizontal: {
-      kzqmXN: "musaex-1dmp6jm",
-      kZKoxP: "musaex-qg7gut",
-      kUk6DE: "musaex-3psx0u",
-      kEafiO: "musaex-uvson1",
-      kWqL5O: "musaex-a640vs",
-      kt9PQ7: "musaex-d1xpcx",
-      kPef9Z: "musaex-13fuv20",
-      kSWEuD: "musaex-32b0ac",
-      kfdmCh: "musaex-1q0q8m5",
-      kLZC3w: "musaex-6ogecl",
-      k26BEO: "musaex-imfbgf",
-      kL6WhQ: "musaex-quqrak",
-      $$css: true
-    }
+  elevatedHover: {
+    kGVxlE: "musaex-vkh6yx",
+    $$css: true
   },
-  content: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-dt5ytf",
-      kOIVth: "musaex-1ldcm3t",
-      kmVPX3: "musaex-1atb43h",
-      kB7OPa: "musaex-9f619",
-      kzqmXN: "musaex-92755x",
-      $$css: true
-    }
+  elevatedDragged: {
+    kGVxlE: "musaex-1ltemje",
+    $$css: true
   },
-  headline: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-dt5ytf",
-      kOIVth: "musaex-15wobh7",
-      kzqmXN: "musaex-92755x",
-      $$css: true
-    }
+  filledDragged: {
+    kGVxlE: "musaex-15krw24",
+    $$css: true
+  }
+};
+var stateLayer = {
+  hover: {
+    kOZJV1: "musaex-6n5h58",
+    $$css: true
   },
-  title: {
-    "default": {
-      kGuDYH: "musaex-1j61zf2",
-      k63SB2: "musaex-o1l8bm",
-      kLWn49: "musaex-1o2sk6j",
-      kb6lSQ: "musaex-bac8wx",
-      kMwMTN: "musaex-1j14bxn",
-      $$css: true
-    }
+  focus: {
+    kUltx: "musaex-177puvd",
+    $$css: true
   },
-  subhead: {
-    "default": {
-      kGuDYH: "musaex-if65rj",
-      k63SB2: "musaex-o1l8bm",
-      kLWn49: "musaex-1fc57z9",
-      kb6lSQ: "musaex-f4yft",
-      kMwMTN: "musaex-bq1wot",
-      $$css: true
-    }
+  press: {
+    kAcZsS: "musaex-6g40nx",
+    $$css: true
+  }
+};
+var header = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-92755x",
+    kmuXW: "musaex-2lah0s",
+    kZCmMZ: "musaex-1ox7qdy",
+    kwRFfy: "musaex-epcfto",
+    k8WAf4: "musaex-s7sbuz",
+    kOIVth: "musaex-g4b44g",
+    $$css: true
   },
-  body: {
-    "default": {
-      kGuDYH: "musaex-if65rj",
-      k63SB2: "musaex-o1l8bm",
-      kLWn49: "musaex-1fc57z9",
-      kb6lSQ: "musaex-f4yft",
-      kMwMTN: "musaex-bq1wot",
-      $$css: true
-    }
+  stacked: {
+    $$css: true
   },
-  actions: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kOIVth: "musaex-1wm2zkp",
-      kGNEyG: "musaex-1cy8zhl",
-      kjj79g: "musaex-13a6bvl",
-      kzqmXN: "musaex-92755x",
-      $$css: true
-    }
+  horizontal: {
+    kmVPX3: "musaex-1atb43h",
+    kUk6DE: "musaex-5mp9sv",
+    $$css: true
   }
 };
+var headerContent = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kUk6DE: "musaex-5mp9sv",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-g4b44g",
+    k7Eaqz: "musaex-euugli",
+    $$css: true
+  }
+};
+var headerText = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-15wobh7",
+    k7Eaqz: "musaex-euugli",
+    kUk6DE: "musaex-5mp9sv",
+    $$css: true
+  }
+};
+var headerTitle = {
+  base: {
+    kGuDYH: "musaex-1j61zf2",
+    k63SB2: "musaex-k50ysn",
+    kLWn49: "musaex-1o2sk6j",
+    kb6lSQ: "musaex-1iayye1",
+    kMwMTN: "musaex-1j14bxn",
+    khDVqt: "musaex-uxw1ft",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var headerSubhead = {
+  base: {
+    kGuDYH: "musaex-if65rj",
+    k63SB2: "musaex-o1l8bm",
+    kLWn49: "musaex-1fc57z9",
+    kb6lSQ: "musaex-f4yft",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  }
+};
+var headerAction = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kzqmXN: "musaex-1useyqa",
+    kZKoxP: "musaex-sdox4t",
+    kmuXW: "musaex-2lah0s",
+    kSGwAc: "musaex-kh2ocl",
+    $$css: true
+  }
+};
+var media = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  stacked: {
+    kzqmXN: "musaex-92755x",
+    kUk6DE: "musaex-5mp9sv",
+    kAzted: "musaex-2lwn1j",
+    $$css: true
+  },
+  horizontal: {
+    kzqmXN: "musaex-1dmp6jm",
+    kZKoxP: "musaex-qg7gut",
+    kUk6DE: "musaex-3psx0u",
+    kEafiO: "musaex-uvson1",
+    kWqL5O: "musaex-a640vs",
+    kt9PQ7: "musaex-d1xpcx",
+    kPef9Z: "musaex-13fuv20",
+    kSWEuD: "musaex-32b0ac",
+    kfdmCh: "musaex-1q0q8m5",
+    kLZC3w: "musaex-6ogecl",
+    k26BEO: "musaex-imfbgf",
+    kL6WhQ: "musaex-quqrak",
+    $$css: true
+  }
+};
+var content = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-1ldcm3t",
+    kmVPX3: "musaex-1atb43h",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-92755x",
+    $$css: true
+  }
+};
+var headline = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-15wobh7",
+    kzqmXN: "musaex-92755x",
+    $$css: true
+  }
+};
+var title = {
+  base: {
+    kGuDYH: "musaex-1j61zf2",
+    k63SB2: "musaex-o1l8bm",
+    kLWn49: "musaex-1o2sk6j",
+    kb6lSQ: "musaex-bac8wx",
+    kMwMTN: "musaex-1j14bxn",
+    $$css: true
+  }
+};
+var subhead = {
+  base: {
+    kGuDYH: "musaex-if65rj",
+    k63SB2: "musaex-o1l8bm",
+    kLWn49: "musaex-1fc57z9",
+    kb6lSQ: "musaex-f4yft",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  }
+};
+var body = {
+  base: {
+    kGuDYH: "musaex-if65rj",
+    k63SB2: "musaex-o1l8bm",
+    kLWn49: "musaex-1fc57z9",
+    kb6lSQ: "musaex-f4yft",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  }
+};
+var actions = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kOIVth: "musaex-1wm2zkp",
+    kGNEyG: "musaex-1cy8zhl",
+    kjj79g: "musaex-13a6bvl",
+    kzqmXN: "musaex-92755x",
+    $$css: true
+  }
+};
+/**
+ * @zh Card 组件样式定义,每个 namespace 独立 $create 调用
+ */
+var styles = {
+  card: card,
+  elevationState: elevationState,
+  stateLayer: stateLayer,
+  header: header,
+  headerContent: headerContent,
+  headerText: headerText,
+  headerTitle: headerTitle,
+  headerSubhead: headerSubhead,
+  headerAction: headerAction,
+  media: media,
+  content: content,
+  headline: headline,
+  title: title,
+  subhead: subhead,
+  body: body,
+  actions: actions
+};
 
 export { styles as default };

package/dist/components/card/subhead.cjs

@@ -19,7 +19,7 @@ var CardSubhead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var subheadStyled = stylex.props(styles.default.subhead["default"]);
+  var subheadStyled = stylex.props(styles.default.subhead.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.subhead, className$1, subheadStyled.className),

package/dist/components/card/subhead.mjs

@@ -15,7 +15,7 @@ var CardSubhead = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
-  var subheadStyled = props(styles.subhead["default"]);
+  var subheadStyled = props(styles.subhead.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.subhead, className, subheadStyled.className),

package/dist/components/card/title.cjs

@@ -19,7 +19,7 @@ var CardTitle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var titleStyled = stylex.props(styles.default.title["default"]);
+  var titleStyled = stylex.props(styles.default.title.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className.stringify(classNames.title, className$1, titleStyled.className),

package/dist/components/card/title.mjs

@@ -15,7 +15,7 @@ var CardTitle = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style = _ref.style,
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
-  var titleStyled = props(styles.title["default"]);
+  var titleStyled = props(styles.title.base);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: stringify(classNames.title, className, titleStyled.className),

package/dist/components/cascader/cascader.cjs

@@ -5,14 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styles = require('./styles.cjs');
 var React = require('react');
 var picker = require('../picker/picker.cjs');
 var tag = require('../tag/tag.cjs');
 var hooks = require('./hooks.cjs');
 var menu = require('../menu/menu.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var context = require('./context.cjs');
+var input = require('../input/input.cjs');
 
 var _excluded = ["mode", "separator", "options"];
 var Cascader = function Cascader(_ref) {
@@ -22,11 +25,6 @@ var Cascader = function Cascader(_ref) {
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
     props = _objectWithoutProperties(_ref, _excluded);
-  var ref = React.useRef(null);
-  var close = React.useCallback(function () {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.close();
-  }, []);
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _useOptions = hooks.useOptions([options]),
     readableOptions = _useOptions.readableOptions,
@@ -34,7 +32,7 @@ var Cascader = function Cascader(_ref) {
     additionalMenusItems = _useOptions.additionalMenusItems,
     presetedMenuItems = _useOptions.presetedMenuItems,
     setAdditionalMenusItems = _useOptions.setAdditionalMenusItems;
-  var _useValue = hooks.useValue([props.value, readableOptions, readablePaths, mode, close, setAdditionalMenusItems]),
+  var _useValue = hooks.useValue([props.value, readableOptions, readablePaths, mode, setAdditionalMenusItems]),
     values = _useValue.values,
     onChange = _useValue.onChange;
   // inputde value
@@ -59,28 +57,40 @@ var Cascader = function Cascader(_ref) {
       return label;
     }).join(" ".concat(separator, " "));
   }, [mode, values, separator]);
-  // options render
-  var menus = React.useMemo(function () {
-    var styled = {
-      className: "musaex-78zum5 musaex-5xj0sk musaex-15o2aup"
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: className.stringify(classNames.options, styled.className),
-      style: styled.style
-    }, [presetedMenuItems].concat(_toConsumableArray(additionalMenusItems)).map(function (menuItems, index) {
-      return /*#__PURE__*/React.createElement(menu.default, {
-        items: menuItems,
-        key: index,
-        onClick: onChange
-      });
-    }));
-  }, [additionalMenusItems, classNames, onChange, presetedMenuItems]);
+  var styled = {
+    options: stylex.props(styles.default.options)
+  };
   return /*#__PURE__*/React.createElement(picker.default, {
-    ref: ref,
-    pickable: menus,
-    className: classNames.cascader,
+    pickable: function pickable(_ref5) {
+      var close = _ref5.close;
+      return /*#__PURE__*/React.createElement("div", {
+        className: className.stringify(classNames.options, styled.options.className),
+        style: styled.options.style
+      }, [presetedMenuItems].concat(_toConsumableArray(additionalMenusItems)).map(function (menuItems, index) {
+        return /*#__PURE__*/React.createElement(menu.default, {
+          items: menuItems,
+          key: index,
+          onClick: function onClick(id) {
+            onChange(id, close);
+          }
+        });
+      }));
+    },
     popupWidth: false
-  }, inputed);
+  }, function (_ref6) {
+    var close = _ref6.close,
+      toggle = _ref6.toggle,
+      triggerRef = _ref6.triggerRef;
+    return /*#__PURE__*/React.createElement(input.default, {
+      ref: triggerRef,
+      className: classNames.cascader,
+      value: typeof inputed === "string" ? inputed : "",
+      leading: mode === "multiple" ? inputed : undefined,
+      onBlur: close,
+      onClick: toggle,
+      readOnly: true
+    });
+  });
 };
 
 exports.default = Cascader;