@canlooks/can-ui 0.0.189 → 0.0.192

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/components/calendar/panelMonth.d.ts +1 -1
  2. package/dist/cjs/components/calendar/panelMonth.js +2 -8
  3. package/dist/cjs/components/calendar/panelYear.d.ts +1 -1
  4. package/dist/cjs/components/calendar/panelYear.js +2 -8
  5. package/dist/cjs/components/select/select.js +3 -1
  6. package/dist/esm/components/calendar/panelMonth.d.ts +1 -1
  7. package/dist/esm/components/calendar/panelMonth.js +2 -8
  8. package/dist/esm/components/calendar/panelYear.d.ts +1 -1
  9. package/dist/esm/components/calendar/panelYear.js +2 -8
  10. package/dist/esm/components/select/select.js +3 -1
  11. package/package.json +1 -1
package/dist/cjs/components/calendar/panelMonth.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { PanelProps } from './calendar';
2
- export declare const PanelMonth: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected, min, max }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
2
+ export declare const PanelMonth: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
package/dist/cjs/components/calendar/panelMonth.js CHANGED
@@ -5,23 +5,17 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const calendar_style_1 = require("./calendar.style");
7
7
  const button_1 = require("../button");
8
- exports.PanelMonth = (0, react_1.memo)(({ innerD, setInnerD, onSelected, min, max }) => {
8
+ exports.PanelMonth = (0, react_1.memo)(({ innerD, setInnerD, onSelected }) => {
9
9
  const currentMonth = innerD.month();
10
10
  const clickHandler = (d, i) => {
11
11
  currentMonth !== i && setInnerD(d);
12
12
  onSelected(d);
13
13
  };
14
- const isDisabled = (d) => {
15
- if (min && min.isAfter(d)) {
16
- return true;
17
- }
18
- return max && max.isBefore(d);
19
- };
20
14
  const renderButtons = () => {
21
15
  const ret = [];
22
16
  for (let i = 0; i < 12; i++) {
23
17
  const d = innerD.month(i);
24
- ret.push((0, jsx_runtime_1.jsxs)(button_1.Button, { className: calendar_style_1.classes.monthItem, variant: currentMonth === i ? 'filled' : 'text', size: "large", color: currentMonth === i ? 'primary' : 'text', disabled: isDisabled(d), onClick: () => clickHandler(d, i), children: [i + 1, "\u6708"] }, i));
18
+ ret.push((0, jsx_runtime_1.jsxs)(button_1.Button, { className: calendar_style_1.classes.monthItem, variant: currentMonth === i ? 'filled' : 'text', size: "large", color: currentMonth === i ? 'primary' : 'text', onClick: () => clickHandler(d, i), children: [i + 1, "\u6708"] }, i));
25
19
  }
26
20
  return ret;
27
21
  };
package/dist/cjs/components/calendar/panelYear.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { PanelProps } from './calendar';
2
- export declare const PanelYear: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected, min, max }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
2
+ export declare const PanelYear: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
package/dist/cjs/components/calendar/panelYear.js CHANGED
@@ -9,7 +9,7 @@ const tooltip_1 = require("../tooltip");
9
9
  const icon_1 = require("../icon");
10
10
  const faAngleLeft_1 = require("@fortawesome/free-solid-svg-icons/faAngleLeft");
11
11
  const faAngleRight_1 = require("@fortawesome/free-solid-svg-icons/faAngleRight");
12
- exports.PanelYear = (0, react_1.memo)(({ innerD, setInnerD, onSelected, min, max }) => {
12
+ exports.PanelYear = (0, react_1.memo)(({ innerD, setInnerD, onSelected }) => {
13
13
  const currentYear = innerD.year();
14
14
  const clickHandler = (d, yearNum) => {
15
15
  currentYear !== yearNum && setInnerD(d);
@@ -17,18 +17,12 @@ exports.PanelYear = (0, react_1.memo)(({ innerD, setInnerD, onSelected, min, max
17
17
  };
18
18
  const [page, setPage] = (0, react_1.useState)(() => Math.floor(currentYear / 12));
19
19
  const renderHeadControl = (icon, title, onClick) => ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { title: title, children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: calendar_style_1.classes.headControl, variant: "text", size: "small", color: "text.secondary", onClick: onClick, children: icon }) }));
20
- const isDisabled = (d) => {
21
- if (min && min.isAfter(d)) {
22
- return true;
23
- }
24
- return max && max.isBefore(d);
25
- };
26
20
  const renderButtons = () => {
27
21
  const ret = [];
28
22
  for (let i = 0; i < 12; i++) {
29
23
  const yearNum = page * 12 + i + 1;
30
24
  const d = innerD.year(yearNum);
31
- ret.push((0, jsx_runtime_1.jsx)(button_1.Button, { className: calendar_style_1.classes.monthItem, variant: currentYear === yearNum ? 'filled' : 'text', size: "large", color: currentYear === yearNum ? 'primary' : 'text', disabled: isDisabled(d), onClick: () => clickHandler(d, yearNum), children: yearNum }, i));
25
+ ret.push((0, jsx_runtime_1.jsx)(button_1.Button, { className: calendar_style_1.classes.monthItem, variant: currentYear === yearNum ? 'filled' : 'text', size: "large", color: currentYear === yearNum ? 'primary' : 'text', onClick: () => clickHandler(d, yearNum), children: yearNum }, i));
32
26
  }
33
27
  return ret;
34
28
  };
package/dist/cjs/components/select/select.js CHANGED
@@ -28,7 +28,9 @@ showCheckbox = multiple, loading = false, options, labelKey = 'label', primaryKe
28
28
  props.onClear?.();
29
29
  setInnerValue(multiple ? [] : void 0);
30
30
  };
31
- return ((0, jsx_runtime_1.jsx)(selectBase_1.SelectBase, { ...props, multiple: multiple, renderBackfill: renderBackfill, onClear: onClear, _internalProps: {
31
+ return ((0, jsx_runtime_1.jsx)(selectBase_1.SelectBase, { ...props, multiple,
32
+ renderBackfill,
33
+ loading, onClear: onClear, _internalProps: {
32
34
  labelKey,
33
35
  optionsMap,
34
36
  innerValue,
package/dist/esm/components/calendar/panelMonth.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { PanelProps } from './calendar.js';
2
- export declare const PanelMonth: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected, min, max }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
2
+ export declare const PanelMonth: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
package/dist/esm/components/calendar/panelMonth.js CHANGED
@@ -2,23 +2,17 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@emotion/reac
2
2
  import { memo } from 'react';
3
3
  import { classes } from './calendar.style.js';
4
4
  import { Button } from '../button/index.js';
5
- export const PanelMonth = memo(({ innerD, setInnerD, onSelected, min, max }) => {
5
+ export const PanelMonth = memo(({ innerD, setInnerD, onSelected }) => {
6
6
  const currentMonth = innerD.month();
7
7
  const clickHandler = (d, i) => {
8
8
  currentMonth !== i && setInnerD(d);
9
9
  onSelected(d);
10
10
  };
11
- const isDisabled = (d) => {
12
- if (min && min.isAfter(d)) {
13
- return true;
14
- }
15
- return max && max.isBefore(d);
16
- };
17
11
  const renderButtons = () => {
18
12
  const ret = [];
19
13
  for (let i = 0; i < 12; i++) {
20
14
  const d = innerD.month(i);
21
- ret.push(_jsxs(Button, { className: classes.monthItem, variant: currentMonth === i ? 'filled' : 'text', size: "large", color: currentMonth === i ? 'primary' : 'text', disabled: isDisabled(d), onClick: () => clickHandler(d, i), children: [i + 1, "\u6708"] }, i));
15
+ ret.push(_jsxs(Button, { className: classes.monthItem, variant: currentMonth === i ? 'filled' : 'text', size: "large", color: currentMonth === i ? 'primary' : 'text', onClick: () => clickHandler(d, i), children: [i + 1, "\u6708"] }, i));
22
16
  }
23
17
  return ret;
24
18
  };
package/dist/esm/components/calendar/panelYear.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { PanelProps } from './calendar.js';
2
- export declare const PanelYear: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected, min, max }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
2
+ export declare const PanelYear: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
package/dist/esm/components/calendar/panelYear.js CHANGED
@@ -6,7 +6,7 @@ import { Tooltip } from '../tooltip/index.js';
6
6
  import { Icon } from '../icon/index.js';
7
7
  import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
8
8
  import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight';
9
- export const PanelYear = memo(({ innerD, setInnerD, onSelected, min, max }) => {
9
+ export const PanelYear = memo(({ innerD, setInnerD, onSelected }) => {
10
10
  const currentYear = innerD.year();
11
11
  const clickHandler = (d, yearNum) => {
12
12
  currentYear !== yearNum && setInnerD(d);
@@ -14,18 +14,12 @@ export const PanelYear = memo(({ innerD, setInnerD, onSelected, min, max }) => {
14
14
  };
15
15
  const [page, setPage] = useState(() => Math.floor(currentYear / 12));
16
16
  const renderHeadControl = (icon, title, onClick) => (_jsx(Tooltip, { title: title, children: _jsx(Button, { className: classes.headControl, variant: "text", size: "small", color: "text.secondary", onClick: onClick, children: icon }) }));
17
- const isDisabled = (d) => {
18
- if (min && min.isAfter(d)) {
19
- return true;
20
- }
21
- return max && max.isBefore(d);
22
- };
23
17
  const renderButtons = () => {
24
18
  const ret = [];
25
19
  for (let i = 0; i < 12; i++) {
26
20
  const yearNum = page * 12 + i + 1;
27
21
  const d = innerD.year(yearNum);
28
- ret.push(_jsx(Button, { className: classes.monthItem, variant: currentYear === yearNum ? 'filled' : 'text', size: "large", color: currentYear === yearNum ? 'primary' : 'text', disabled: isDisabled(d), onClick: () => clickHandler(d, yearNum), children: yearNum }, i));
22
+ ret.push(_jsx(Button, { className: classes.monthItem, variant: currentYear === yearNum ? 'filled' : 'text', size: "large", color: currentYear === yearNum ? 'primary' : 'text', onClick: () => clickHandler(d, yearNum), children: yearNum }, i));
29
23
  }
30
24
  return ret;
31
25
  };
package/dist/esm/components/select/select.js CHANGED
@@ -25,7 +25,9 @@ showCheckbox = multiple, loading = false, options, labelKey = 'label', primaryKe
25
25
  props.onClear?.();
26
26
  setInnerValue(multiple ? [] : void 0);
27
27
  };
28
- return (_jsx(SelectBase, { ...props, multiple: multiple, renderBackfill: renderBackfill, onClear: onClear, _internalProps: {
28
+ return (_jsx(SelectBase, { ...props, multiple,
29
+ renderBackfill,
30
+ loading, onClear: onClear, _internalProps: {
29
31
  labelKey,
30
32
  optionsMap,
31
33
  innerValue,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canlooks/can-ui",
3
- "version": "0.0.189",
3
+ "version": "0.0.192",
4
4
  "author": "C.CanLiang <canlooks@gmail.com>",
5
5
  "description": "My ui framework",
6
6
  "license": "MIT",