tsp-component
Version:
提供多端和react版本的UI组件
25 lines (24 loc) • 1.5 kB
JavaScript
import * as React from 'react';
import classNames from 'classnames';
import { Popup } from '../popup';
import Hammer from 'react-hammerjs';
var prefix = 'tsp-component-Picker';
function view(self) {
return (React.createElement("div", { className: classNames((_a = {},
_a[self.props.className] = self.props.className,
_a[prefix + "-disabled"] = self.props.disabled,
_a)) },
React.createElement(Hammer, { onTap: self.onOpen },
React.createElement("div", { className: prefix + "-label", ref: "label" })),
React.createElement(Popup, { id: self.props.id, ref: "container", onClose: self.onCancel },
React.createElement("div", { className: prefix },
React.createElement("div", { className: prefix + "-head" },
React.createElement(Hammer, { onTap: self.onCancel },
React.createElement("div", { className: prefix + "-action" }, "\u53D6\u6D88")),
React.createElement(Hammer, { onTap: self.onOk },
React.createElement("div", { className: prefix + "-action" }, "\u786E\u5B9A"))),
React.createElement(Hammer, { className: prefix + "-body", onPanStart: self.onPanStart, onPan: self.onPan, onPanEnd: self.onPanEnd, direction: "DIRECTION_VERTICAL" },
React.createElement("div", { className: prefix + "-body-slider", ref: "slider" }))))));
var _a;
}
export default view;