@hanwenbo/x-taro-ui 0.0.1

package/es/components/command/types.d.ts

@@ -0,0 +1,69 @@
+import type { ReactNode } from 'react';
+import type { SizeVariant } from '../../theme/types';
+interface CommandItemBase {
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    group?: string;
+    keywords?: string[];
+    shortcut?: string[] | ReactNode;
+    suffix?: ReactNode;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+/**
+ * Canonical items use `id`; `key` remains available for the original Taro API.
+ * At least one stable identifier is required.
+ */
+export declare type CommandItem = CommandItemBase & ({
+    id: string;
+    key?: string;
+} | {
+    id?: string;
+    key: string;
+});
+/** x-mobile-ui compatible item name. */
+export declare type CommandItemType = CommandItem;
+export interface CommandRef {
+    focus: () => void;
+    clear: () => void;
+    setQuery: (query: string) => void;
+}
+export declare type CommandFilter = ((item: CommandItem, query: string) => boolean) | ((value: string, search: string) => number);
+export declare type CommandSelectHandler = ((item: CommandItem) => void) | ((key: string, item: CommandItem) => void);
+export interface CommandProps {
+    items?: CommandItem[];
+    placeholder?: string;
+    onSelect?: CommandSelectHandler;
+    onSearch?: (query: string) => void;
+    filter?: CommandFilter;
+    showShortcuts?: boolean;
+    emptyText?: ReactNode;
+    size?: SizeVariant;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    /** Compatibility search aliases. `value` takes precedence over `query`. */
+    query?: string;
+    value?: string;
+    defaultQuery?: string;
+    defaultValue?: string;
+    onQueryChange?: (query: string) => void;
+    onValueChange?: (value: string) => void;
+    /** Compatibility selection state for the highlighted command. */
+    selectedKey?: string;
+    defaultSelectedKey?: string;
+    maxResults?: number;
+    showSearch?: boolean;
+    title?: ReactNode;
+    description?: ReactNode;
+    label?: ReactNode;
+    shouldFilter?: boolean;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/es/components/command/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/configProvider/configProvider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ConfigContextValue, ConfigProviderProps } from './types';
+export declare function useConfig(): ConfigContextValue;
+export declare const useConfigProvider: typeof useConfig;
+export declare const useSize: () => import("../..").SizeVariant;
+export declare const useDisabled: () => boolean;
+declare type ConfigProviderComponent = React.FC<ConfigProviderProps> & {
+    config: () => ConfigContextValue;
+};
+export declare const ConfigProvider: ConfigProviderComponent;
+export default ConfigProvider;
+//# sourceMappingURL=configProvider.d.ts.map

package/es/components/configProvider/configProvider.js

@@ -0,0 +1,147 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import React, { createContext, useContext, useMemo } from 'react';
+import { View } from '@tarojs/components';
+import { classNames } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+function defaultGetContainer() {
+  var _ownerDocument$body;
+  var ownerDocument = globalThis['document'];
+  return (_ownerDocument$body = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.body) !== null && _ownerDocument$body !== void 0 ? _ownerDocument$body : null;
+}
+var defaultConfig = {
+  prefixCls: 'x',
+  size: 'middle',
+  direction: 'ltr',
+  locale: 'zh-CN',
+  localeConfig: {
+    locale: 'zh-CN'
+  },
+  disabled: false,
+  getContainer: defaultGetContainer,
+  componentDisabled: false,
+  componentSize: 'middle'
+};
+function isRecord(value) {
+  return Boolean(value) && _typeof(value) === 'object' && !Array.isArray(value);
+}
+function mergeLocale(base, patch) {
+  if (!patch) return base;
+  var merged = _objectSpread(_objectSpread({}, base), patch);
+  Object.entries(patch).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (isRecord(base[key]) && isRecord(value)) {
+      merged[key] = _objectSpread(_objectSpread({}, base[key]), value);
+    }
+  });
+  return merged;
+}
+function resolveLocale(parent, valueLocale, locale, valueLocaleConfig) {
+  var _ref4;
+  var base = mergeLocale(parent.localeConfig, valueLocaleConfig);
+  if (typeof locale === 'string') {
+    return {
+      code: locale,
+      config: _objectSpread(_objectSpread({}, base), {}, {
+        locale: locale
+      })
+    };
+  }
+  if (locale) {
+    var _ref3, _locale$locale;
+    var _config = mergeLocale(base, locale);
+    return {
+      code: (_ref3 = (_locale$locale = locale.locale) !== null && _locale$locale !== void 0 ? _locale$locale : valueLocale) !== null && _ref3 !== void 0 ? _ref3 : parent.locale,
+      config: _config
+    };
+  }
+  var code = (_ref4 = valueLocale !== null && valueLocale !== void 0 ? valueLocale : valueLocaleConfig === null || valueLocaleConfig === void 0 ? void 0 : valueLocaleConfig.locale) !== null && _ref4 !== void 0 ? _ref4 : parent.locale;
+  return {
+    code: code,
+    config: _objectSpread(_objectSpread({}, base), {}, {
+      locale: code
+    })
+  };
+}
+var ConfigContext = /*#__PURE__*/createContext(defaultConfig);
+export function useConfig() {
+  return useContext(ConfigContext);
+}
+export var useConfigProvider = useConfig;
+export var useSize = function useSize() {
+  return useConfig().size;
+};
+export var useDisabled = function useDisabled() {
+  return useConfig().disabled;
+};
+export var ConfigProvider = function ConfigProvider(props) {
+  var value = props.value,
+    prefixCls = props.prefixCls,
+    size = props.size,
+    direction = props.direction,
+    locale = props.locale,
+    disabled = props.disabled,
+    componentDisabled = props.componentDisabled,
+    componentSize = props.componentSize,
+    getContainer = props.getContainer,
+    autoInsertSpaceInButton = props.autoInsertSpaceInButton,
+    theme = props.theme,
+    children = props.children,
+    className = props.className,
+    style = props.style;
+  var parentConfig = useConfig();
+  var mergedConfig = useMemo(function () {
+    var _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15;
+    var resolvedSize = (_ref5 = (_ref6 = (_ref7 = componentSize !== null && componentSize !== void 0 ? componentSize : size) !== null && _ref7 !== void 0 ? _ref7 : value === null || value === void 0 ? void 0 : value.componentSize) !== null && _ref6 !== void 0 ? _ref6 : value === null || value === void 0 ? void 0 : value.size) !== null && _ref5 !== void 0 ? _ref5 : parentConfig.size;
+    var resolvedDisabled = (_ref8 = (_ref9 = (_ref10 = componentDisabled !== null && componentDisabled !== void 0 ? componentDisabled : disabled) !== null && _ref10 !== void 0 ? _ref10 : value === null || value === void 0 ? void 0 : value.componentDisabled) !== null && _ref9 !== void 0 ? _ref9 : value === null || value === void 0 ? void 0 : value.disabled) !== null && _ref8 !== void 0 ? _ref8 : parentConfig.disabled;
+    var resolvedLocale = resolveLocale(parentConfig, value === null || value === void 0 ? void 0 : value.locale, locale, value === null || value === void 0 ? void 0 : value.localeConfig);
+    return _objectSpread(_objectSpread(_objectSpread({}, parentConfig), value !== null && value !== void 0 ? value : {}), {}, {
+      prefixCls: (_ref11 = prefixCls !== null && prefixCls !== void 0 ? prefixCls : value === null || value === void 0 ? void 0 : value.prefixCls) !== null && _ref11 !== void 0 ? _ref11 : parentConfig.prefixCls,
+      size: resolvedSize,
+      componentSize: resolvedSize,
+      direction: (_ref12 = direction !== null && direction !== void 0 ? direction : value === null || value === void 0 ? void 0 : value.direction) !== null && _ref12 !== void 0 ? _ref12 : parentConfig.direction,
+      locale: resolvedLocale.code,
+      localeConfig: resolvedLocale.config,
+      disabled: resolvedDisabled,
+      componentDisabled: resolvedDisabled,
+      getContainer: (_ref13 = getContainer !== null && getContainer !== void 0 ? getContainer : value === null || value === void 0 ? void 0 : value.getContainer) !== null && _ref13 !== void 0 ? _ref13 : parentConfig.getContainer,
+      autoInsertSpaceInButton: (_ref14 = autoInsertSpaceInButton !== null && autoInsertSpaceInButton !== void 0 ? autoInsertSpaceInButton : value === null || value === void 0 ? void 0 : value.autoInsertSpaceInButton) !== null && _ref14 !== void 0 ? _ref14 : parentConfig.autoInsertSpaceInButton,
+      theme: (_ref15 = theme !== null && theme !== void 0 ? theme : value === null || value === void 0 ? void 0 : value.theme) !== null && _ref15 !== void 0 ? _ref15 : parentConfig.theme
+    });
+  }, [autoInsertSpaceInButton, componentDisabled, componentSize, direction, disabled, getContainer, locale, parentConfig, prefixCls, size, theme, value]);
+  var content = typeof children === 'function' ? children(mergedConfig) : children;
+  var themeMode = typeof mergedConfig.theme === 'string' ? mergedConfig.theme : undefined;
+  var needsScope = Boolean(className || style || mergedConfig.direction === 'rtl' || themeMode === 'dark');
+  var scopedContent = needsScope ? /*#__PURE__*/_jsx(View, {
+    dir: mergedConfig.direction,
+    className: classNames("".concat(mergedConfig.prefixCls, "-config-provider"), "".concat(mergedConfig.prefixCls, "-config-provider--").concat(mergedConfig.direction), mergedConfig.disabled && "".concat(mergedConfig.prefixCls, "-config-provider--disabled"), themeMode === 'dark' && 'dark', className),
+    style: style,
+    children: content
+  }) : /*#__PURE__*/_jsx(_Fragment, {
+    children: content
+  });
+  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
+    value: mergedConfig,
+    children: scopedContent
+  });
+};
+ConfigProvider.displayName = 'ConfigProvider';
+ConfigProvider.config = function () {
+  return _objectSpread(_objectSpread({}, defaultConfig), {}, {
+    localeConfig: _objectSpread({}, defaultConfig.localeConfig)
+  });
+};
+export default ConfigProvider;

package/es/components/configProvider/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { ConfigProvider, useConfig, useConfigProvider, useSize, useDisabled } from './configProvider';
+export { default } from './configProvider';
+//# sourceMappingURL=index.d.ts.map

package/es/components/configProvider/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { ConfigProvider, useConfig, useConfigProvider, useSize, useDisabled } from "./configProvider";
+export { default } from "./configProvider";

package/es/components/configProvider/types.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+import type { ThemeColors, ThemeConfig, ThemeMode } from '../../theme/types';
+import type { SizeVariant } from '../../theme/types';
+export declare type ConfigDirection = 'ltr' | 'rtl';
+/** x-mobile-ui compatible locale object with extensible component namespaces. */
+export interface ConfigLocale {
+    locale?: string;
+    [namespace: string]: unknown;
+}
+export declare type ConfigLocaleInput = string | ConfigLocale;
+export declare type ConfigTheme = ThemeMode | ThemeConfig;
+export interface ConfigContextValue {
+    prefixCls: string;
+    size: SizeVariant;
+    direction: ConfigDirection;
+    /** Locale code retained for all existing Taro component resolvers. */
+    locale: string;
+    /** Deep-merged x-mobile-ui locale object. */
+    localeConfig: ConfigLocale;
+    disabled: boolean;
+    getContainer: () => unknown;
+    autoInsertSpaceInButton?: boolean;
+    componentDisabled: boolean;
+    componentSize: SizeVariant;
+    theme?: ConfigTheme;
+}
+export declare type ConfigConsumerProps = ConfigContextValue;
+export declare type Config = Partial<ConfigContextValue>;
+export declare type Locale = ConfigLocale;
+export declare type ThemeColorsMap = ThemeColors;
+export interface ConfigProviderProps {
+    prefixCls?: string;
+    getContainer?: () => unknown;
+    autoInsertSpaceInButton?: boolean;
+    locale?: ConfigLocaleInput;
+    componentDisabled?: boolean;
+    componentSize?: SizeVariant;
+    direction?: ConfigDirection;
+    theme?: ConfigTheme;
+    /** Original Taro aliases. */
+    size?: SizeVariant;
+    disabled?: boolean;
+    value?: Partial<ConfigContextValue>;
+    children?: ReactNode | ((config: ConfigContextValue) => ReactNode);
+    className?: string;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/configProvider/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/contextMenu/contextMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ContextMenuProps, ContextMenuTriggerProps } from './types';
+export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export default ContextMenu;
+//# sourceMappingURL=contextMenu.d.ts.map