@hi-ui/table 4.10.0-alpha.0 → 4.11.0

package/lib/esm/packages/ui/radio/lib/esm/styles/index.scss.js

@@ -1,23 +0,0 @@
-/** @LICENSE
- * @hi-ui/table
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import __styleInject__ from '@hi-ui/style-inject';
-
-/** @LICENSE
- * @hi-ui/radio
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/radio#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var css_248z = ".hi-v4-radio {overflow-wrap: break-word;font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;vertical-align: middle;}.hi-v4-radio--type-button {height: 32px;padding: 0 12px;color: var(--hi-v4-color-gray-600, #5f6a7a);background: var(--hi-v4-color-gray-100, #f2f4f7);cursor: pointer;-webkit-transition: all var(--hi-v4-motion-duration-normal, 200ms);transition: all var(--hi-v4-motion-duration-normal, 200ms);}.hi-v4-radio--type-button .hi-v4-radio__input {display: none;}.hi-v4-radio--type-button .hi-v4-radio__input:focus + .hi-v4-radio__label {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-radio--type-button .hi-v4-radio__controller {display: none;}.hi-v4-radio--type-button:hover, .hi-v4-radio--type-button[data-checked] {background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-radio--type-button[data-disabled] {cursor: not-allowed;background: var(--hi-v4-color-gray-200, #ebedf0);color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-radio--type-button[data-checked].hi-v4-radio--type-button[data-disabled] {background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));color: var(--hi-v4-color-primary-300, var(--hi-v4-color-brandblue-300, #70b8ff));}.hi-v4-radio--type-default .hi-v4-radio__input:focus + .hi-v4-radio__controller {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));}.hi-v4-radio--type-default .hi-v4-radio__controller {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;width: 16px;height: 16px;border: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);border-radius: var(--hi-v4-border-radius-full, 9999px);-webkit-transition: all var(--hi-v4-motion-duration-normal, 200ms);transition: all var(--hi-v4-motion-duration-normal, 200ms);-webkit-box-flex: 0;-ms-flex: none;flex: none;}.hi-v4-radio--type-default .hi-v4-radio__controller::after {position: absolute;top: 0;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: 14px;height: 14px;content: \"\";background: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));border-radius: var(--hi-v4-border-radius-full, 9999px);opacity: 0;-webkit-transition: all var(--hi-v4-motion-duration-normal, 200ms);transition: all var(--hi-v4-motion-duration-normal, 200ms);-webkit-transform: scale(0);transform: scale(0);}.hi-v4-radio--type-default .hi-v4-radio__label {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-margin-start: var(--hi-v4-spacing-4, 8px);margin-inline-start: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-radio--type-default:hover .hi-v4-radio__controller {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-radio--type-default[data-checked] .hi-v4-radio__controller {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-radio--type-default[data-checked] .hi-v4-radio__controller::after {opacity: 1;-webkit-transform: scale(0.3);transform: scale(0.3);background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-radio--type-default[data-checked].hi-v4-radio--type-default[data-disabled] .hi-v4-radio__controller {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));opacity: 0.4;}.hi-v4-radio--type-default[data-checked].hi-v4-radio--type-default[data-disabled] .hi-v4-radio__controller::after {opacity: 1;-webkit-transform: scale(0.3);transform: scale(0.3);background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-radio--type-default[data-disabled] {cursor: not-allowed;}.hi-v4-radio--type-default[data-disabled] .hi-v4-radio__controller {border-color: var(--hi-v4-color-gray-300, #dfe2e8);background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-radio--type-default[data-disabled] .hi-v4-radio__controller::after {background: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-radio--type-default[data-disabled] .hi-v4-radio__label {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-radio-group {position: relative;}.hi-v4-radio-group--data-wrap {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;z-index: var(--hi-v4-zindex-normal, 0);}.hi-v4-radio-group--type-button {border-radius: var(--hi-v4-border-radius-md, 4px);overflow: hidden;}.hi-v4-radio-group--type-default.hi-v4-radio-group--data-wrap {gap: var(--hi-v4-spacing-8, 16px);}.hi-v4-radio-group--placement-horizontal.hi-v4-radio-group--data-wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-radio-group--placement-horizontal.hi-v4-radio-group--auto-width {display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-radio-group--placement-horizontal.hi-v4-radio-group--auto-width .hi-v4-radio--type-button {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-radio-group--placement-horizontal .hi-v4-radio--type-button::after {content: \"\";background: var(--hi-v4-color-gray-300, #dfe2e8);width: 1px;left: 100%;top: 8px;bottom: 8px;position: absolute;z-index: var(--hi-v4-zindex-absolute, 1);}.hi-v4-radio-group--placement-vertical {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v4-radio-group--placement-vertical .hi-v4-radio--type-button::after {content: \"\";background: var(--hi-v4-color-gray-300, #dfe2e8);height: 1px;left: 8px;right: 8px;top: 100%;position: absolute;z-index: var(--hi-v4-zindex-absolute, 1);}";
-__styleInject__(css_248z);
-export { css_248z as default };

package/lib/esm/packages/ui/radio/lib/esm/types.js

@@ -1,27 +0,0 @@
-/** @LICENSE
- * @hi-ui/table
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @LICENSE
- * @hi-ui/radio
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/radio#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var RadioGroupPlacementEnum = {
-  VERTICAL: 'vertical',
-  HORIZONTAL: 'horizontal'
-};
-var RadioGroupTypeEnum = {
-  DEFAULT: 'default',
-  BUTTON: 'button'
-};
-export { RadioGroupPlacementEnum, RadioGroupTypeEnum };

package/lib/esm/packages/ui/radio/lib/esm/use-radio-group.js

@@ -1,56 +0,0 @@
-/** @LICENSE
- * @hi-ui/table
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __rest } from 'tslib';
-import { useCallback } from 'react';
-import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
-
-/** @LICENSE
- * @hi-ui/radio
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/radio#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var useRadioGroup = function useRadioGroup(_a) {
-  var name = _a.name,
-    valueProp = _a.value,
-    onChange = _a.onChange,
-    _a$defaultValue = _a.defaultValue,
-    defaultValue = _a$defaultValue === void 0 ? '' : _a$defaultValue,
-    _a$disabled = _a.disabled,
-    disabled = _a$disabled === void 0 ? false : _a$disabled,
-    rest = __rest(_a, ["name", "value", "onChange", "defaultValue", "disabled"]);
-  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
-    value = _useUncontrolledState[0],
-    tryChangeValue = _useUncontrolledState[1];
-  var handleChange = useCallback(function (value) {
-    if (disabled) {
-      return;
-    }
-    tryChangeValue(value);
-  }, [disabled, tryChangeValue]);
-  var isChecked = useCallback(function (valueArg) {
-    return valueArg === value;
-  }, [value]);
-  var rootProps = Object.assign(Object.assign({}, rest), {
-    role: 'radiogroup'
-  });
-  return {
-    rootProps: rootProps,
-    value: value,
-    onChange: handleChange,
-    name: name,
-    isChecked: isChecked,
-    disabled: disabled
-  };
-};
-export { useRadioGroup };

package/lib/esm/packages/ui/radio/lib/esm/use-radio.js

@@ -1,83 +0,0 @@
-/** @LICENSE
- * @hi-ui/table
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __rest } from 'tslib';
-import { useCallback, useMemo } from 'react';
-import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
-import { hiddenStyle, setAttrStatus } from '@hi-ui/dom-utils';
-
-/** @LICENSE
- * @hi-ui/radio
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/radio#readme
- *
- * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var useRadio = function useRadio(_a) {
-  var nameProp = _a.name,
-    valueProp = _a.value,
-    _a$autoFocus = _a.autoFocus,
-    autoFocus = _a$autoFocus === void 0 ? false : _a$autoFocus,
-    _a$defaultChecked = _a.defaultChecked,
-    defaultChecked = _a$defaultChecked === void 0 ? false : _a$defaultChecked,
-    onChange = _a.onChange,
-    checkedProp = _a.checked,
-    _a$readOnly = _a.readOnly,
-    readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
-    _a$disabled = _a.disabled,
-    disabled = _a$disabled === void 0 ? false : _a$disabled,
-    rest = __rest(_a, ["name", "value", "autoFocus", "defaultChecked", "onChange", "checked", "readOnly", "disabled"]);
-  var _useUncontrolledState = useUncontrolledState(defaultChecked, checkedProp, function (_, evt) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    }),
-    checked = _useUncontrolledState[0],
-    tryChangeChecked = _useUncontrolledState[1];
-  var nonInteractive = disabled || readOnly;
-  var handleChange = useCallback(function (evt) {
-    if (nonInteractive) {
-      // 不可交互，不触发事件的任何默认行为
-      evt.preventDefault();
-      return;
-    }
-    tryChangeChecked(evt.target.checked, evt);
-  }, [nonInteractive, tryChangeChecked]);
-  var getInputProps = useCallback(function () {
-    return {
-      style: hiddenStyle,
-      type: 'radio',
-      checked: checked,
-      disabled: disabled,
-      readOnly: readOnly,
-      onChange: handleChange,
-      autoFocus: autoFocus,
-      name: nameProp,
-      value: valueProp
-    };
-  }, [nameProp, handleChange, checked, disabled, readOnly, autoFocus, valueProp]);
-  var state = useMemo(function () {
-    return {
-      disabled: disabled,
-      checked: checked,
-      readOnly: readOnly
-    };
-  }, [disabled, checked, readOnly]);
-  var rootProps = Object.assign(Object.assign({}, rest), {
-    'data-disabled': setAttrStatus(disabled),
-    'data-checked': setAttrStatus(checked),
-    'data-readonly': setAttrStatus(readOnly)
-  });
-  return {
-    state: state,
-    rootProps: rootProps,
-    getInputProps: getInputProps
-  };
-};
-export { useRadio };